local n=script:FindFirstAncestor("\077\097\122\101\071\101\110\101\114\097\116\111\114\080\108\117\103\105\110")local Z=require(n:WaitForChild("\082\111\097\099\116"))local w=require(n.Plugin.Components.UIPadding)local i=Z.createElement return function(n)local X=n.option local G=n.index local K=n.color local V=X.image local F=n.onActivated local y=i("\073\109\097\103\101\066\117\116\116\111\110",{LayoutOrder=1;Image=V;Size=UDim2.new(0,40,0,40)})local J=i("\084\101\120\116\066\117\116\116\111\110",{Text=X.name,Font=Enum.Font.GothamSemibold;TextSize=18,TextXAlignment=Enum.TextXAlignment.Left;Size=UDim2.new(1,0,1,0);Position=UDim2.new(0,45,0,0),BorderSizePixel=0;BackgroundColor3=K,[Z.Event.Activated]=function()F()end})return i("\070\114\097\109\101",{BackgroundTransparency=1;Size=UDim2.new(1,0,0,50);Name=X.name,LayoutOrder=G},{UIPadding=i(w,{padding=5}),img=y,text=J})end
local Root = script:FindFirstAncestor('MazeGeneratorPlugin')

local Roact = require(Root:WaitForChild('Roact'))
local UIPadding = require(Root.Plugin.Components.UIPadding)
local e = Roact.createElement

return function(props)
	local option = props.option
	local index = props.index
	local color = props.color
	local image = option.image

	local onActivated = props.onActivated

	local img = e('ImageButton', {
		LayoutOrder = 1,
		Image = image,
		Size = UDim2.new(0, 40, 0, 40),
	})

	local text = e('TextButton', {
		Text = option.name,
		Font = Enum.Font.GothamSemibold,
		TextSize = 18,
		TextXAlignment = Enum.TextXAlignment.Left,
		Size = UDim2.new(1, 0, 1, 0),
		Position = UDim2.new(0, 45, 0, 0),
		BorderSizePixel = 0,
		BackgroundColor3 = color,
		[Roact.Event.Activated] = function()
			onActivated()
		end,
	})

	return e(
		'Frame',
		{
			BackgroundTransparency = 1,
			Size = UDim2.new(1, 0, 0, 50),
			Name = option.name,
			LayoutOrder = index,
		},
		{
			UIPadding = e(UIPadding, { padding = 5 }),
			img = img,
			text = text,
		}
	)
end