local n=require(script.Parent.Parent.Parent.Roact)local H=require(script.Parent.Parent)local w={1,2;3,4;6,8,9;12;16}return function(q)local b=table.create(10)for w,q in ipairs(w)do b[w]=n.createElement(H.Card,{Elevation=q},table.create(1,n.createElement("\084\101\120\116\076\097\098\101\108",{BackgroundColor3=Color3.new(1,1,1),BorderSizePixel=0;Text=q;Font=Enum.Font.SourceSans;TextSize=24,Size=UDim2.fromScale(1,1);ZIndex=2})))end b[10]=n.createElement("\085\073\071\114\105\100\076\097\121\111\117\116",{CellSize=UDim2.fromOffset(150,150),CellPadding=UDim2.fromOffset(25,25),HorizontalAlignment=Enum.HorizontalAlignment.Center;VerticalAlignment=Enum.VerticalAlignment.Center;SortOrder=Enum.SortOrder.LayoutOrder})local r=n.mount(n.createElement(H.ThemeProvider,{Theme=H.Themes.Dark},table.create(1,n.createElement("\070\114\097\109\101",{Size=UDim2.fromScale(1,1);BackgroundColor3=Color3.new(1,1,1);BorderSizePixel=0},b))),q)return function()n.unmount(r)end end
local Roact = require(script.Parent.Parent.Parent.Roact)
local RoactMaterial = require(script.Parent.Parent)

local ELEVATIONS = {1, 2, 3, 4, 6, 8, 9, 12, 16}

return function(Target)
	local Cards = table.create(10)
	for Index, Elevation in ipairs(ELEVATIONS) do
		Cards[Index] = Roact.createElement(RoactMaterial.Card, {
			Elevation = Elevation,
		}, table.create(1, Roact.createElement("TextLabel", {
			BackgroundColor3 = Color3.new(1, 1, 1),
			BorderSizePixel = 0,
			Text = Elevation,
			Font = Enum.Font.SourceSans,
			TextSize = 24,
			Size = UDim2.fromScale(1, 1),
			ZIndex = 2,
		})))
	end
	
	Cards[10] = Roact.createElement("UIGridLayout", {
		CellSize = UDim2.fromOffset(150, 150),
		CellPadding = UDim2.fromOffset(25, 25),
		HorizontalAlignment = Enum.HorizontalAlignment.Center,
		VerticalAlignment = Enum.VerticalAlignment.Center,
		SortOrder = Enum.SortOrder.LayoutOrder,
	})
	
	local Tree = Roact.mount(Roact.createElement(RoactMaterial.ThemeProvider, {
		Theme = RoactMaterial.Themes.Dark,
	}, table.create(1, Roact.createElement("Frame", {
		Size = UDim2.fromScale(1, 1),
		BackgroundColor3 = Color3.new(1, 1, 1),
		BorderSizePixel = 0,
	}, Cards))), Target)

	return function()
		Roact.unmount(Tree)
	end
end