local Z=require((script:FindFirstAncestor("\077\097\122\101\071\101\110\101\114\097\116\111\114\080\108\117\103\105\110")).Roact)local I=script:FindFirstAncestor("\080\108\117\103\105\110")local S=require(I.Components.Footer)local C=require(I.Components.Theme)local f=Z.createElement local L=Z.Component:extend("\080\097\110\101\108")function L.init(I)I.footerSize,I.setFooterSize=Z.createBinding(Vector2.new())end function L.render(I)return C.with(function(C)return f("\070\114\097\109\101",{Size=UDim2.new(1,0,1,0),BackgroundColor3=C.Background1;BorderSizePixel=1},{Layout=Z.createElement("\085\073\076\105\115\116\076\097\121\111\117\116",{HorizontalAlignment=Enum.HorizontalAlignment.Left;SortOrder=Enum.SortOrder.LayoutOrder});Body=f("\070\114\097\109\101",{Size=UDim2.new(1,0,1,-32);BackgroundTransparency=1},I.props[Z.Children]),Footer=f(S)})end)end return L
local Roact = require(script:FindFirstAncestor('MazeGeneratorPlugin').Roact)

local Plugin = script:FindFirstAncestor('Plugin')

local Footer = require(Plugin.Components.Footer)
local Theme = require(Plugin.Components.Theme)

local e = Roact.createElement

local Panel = Roact.Component:extend('Panel')

function Panel:init()
	self.footerSize, self.setFooterSize = Roact.createBinding(Vector2.new())
end

function Panel:render()
	return Theme.with(function(theme)
		return e(
			'Frame',
			{
				Size = UDim2.new(1, 0, 1, 0),
				BackgroundColor3 = theme.Background1,
				BorderSizePixel = 1,
			},
			{
				Layout = Roact.createElement('UIListLayout', {
					HorizontalAlignment = Enum.HorizontalAlignment.Left,
					SortOrder = Enum.SortOrder.LayoutOrder,
				}),
				Body = e(
					'Frame',
					{
						Size = UDim2.new(1, 0, 1, -32),
						BackgroundTransparency = 1,
					},
					self.props[Roact.Children]
				),
				Footer = e(Footer),
			}
		)
	end)
end

return Panel