local A=game:GetService("\082\101\112\108\105\099\097\116\101\100\083\116\111\114\097\103\101")local p=A:WaitForChild("\077\111\100\117\108\101\115")local f=((game:GetService("\083\116\097\114\116\101\114\080\108\097\121\101\114")):WaitForChild("\083\116\097\114\116\101\114\080\108\097\121\101\114\083\099\114\105\112\116\115")).clientSrc local R=require(f.Components.common.TextLabel)local u=require(f.Components.common.Frame)local K=require(p.Roact)local d=K.createElement local function i(A)local p=A.title return d(u,{Layout="\076\105\115\116",LayoutDirection="\086\101\114\116\105\099\097\108",HorizontalAlignment=Enum.HorizontalAlignment.Center;BorderMode=Enum.BorderMode.Inset;BorderSizePixel=2,Padding=UDim.new(0,0);Size=UDim2.new(1,0,1,-40);BackgroundTransparency=1},{TextTitle=d(R,{LayoutOrder=1,Size=UDim2.new(1,0,0,40);Text=p,TextSize=26;BackgroundTransparency=1;TextColor3=Color3.new(1,1,1);TextXAlignment=Enum.TextXAlignment.Center;TextYAlignment=Enum.TextYAlignment.Center});Line=d("\070\114\097\109\101",{LayoutOrder=2;Size=UDim2.new(1,0,0,1),BackgroundColor3=Color3.fromRGB(255,255,255);BorderColor3=Color3.fromRGB(255,255,255),BackgroundTransparency=0}),Children=A[K.Children]})end return i
local ReplicatedStorage = game:GetService('ReplicatedStorage')
local Modules = ReplicatedStorage:WaitForChild('Modules')
-- local logger = require(Modules.src.utils.Logger)
local clientSrc = game:GetService('StarterPlayer'):WaitForChild('StarterPlayerScripts').clientSrc

local TextLabel = require(clientSrc.Components.common.TextLabel)
local Frame = require(clientSrc.Components.common.Frame)

local Roact = require(Modules.Roact)

local createElement = Roact.createElement

local function TextListWithHeader(props)
	local title = props.title

	return createElement(
		Frame,
		{
			Layout = 'List',
			LayoutDirection = 'Vertical',
			HorizontalAlignment = Enum.HorizontalAlignment.Center,
			BorderMode = Enum.BorderMode.Inset,
			BorderSizePixel = 2,
			Padding = UDim.new(0, 0),
			Size = UDim2.new(1, 0, 1, -40),
			BackgroundTransparency = 1,
		},
		{
			TextTitle = createElement(TextLabel, {
				LayoutOrder = 1,
				Size = UDim2.new(1, 0, 0, 40),
				Text = title,
				TextSize = 26,
				BackgroundTransparency = 1,
				TextColor3 = Color3.new(1, 1, 1),
				TextXAlignment = Enum.TextXAlignment.Center,
				TextYAlignment = Enum.TextYAlignment.Center,
			}),
			Line = createElement('Frame', {
				LayoutOrder = 2,
				Size = UDim2.new(1, 0, 0, 1),
				BackgroundColor3 = Color3.fromRGB(255, 255, 255),
				BorderColor3 = Color3.fromRGB(255, 255, 255),
				BackgroundTransparency = 0,
			}),
			Children = props[Roact.Children],
		}
	)
end

return TextListWithHeader