return function(p)local M=require(script.Parent.Parent.Roact)local R=require(script.Parent.Parent.lib)local t=R.fromInstance(M,script.Parent.assets.simple)local function m()return M.createElement(t,{[R.Root]={BackgroundTransparency=.5;BackgroundColor3=Color3.fromRGB(0,255,255)};TitleLabel={Text="\069\120\097\109\112\108\101 \084\105\116\108\101 \083\101\116 \087\105\116\104 \067\104\097\110\103\101\115",[M.Children]={Gradient=M.createElement("\085\073\071\114\097\100\105\101\110\116",{Color=ColorSequence.new(Color3.fromRGB(255,255,255),Color3.fromRGB(200,200,200))}),UIStroke=M.createElement("\085\073\083\116\114\111\107\101",{Thickness=2,Color=Color3.fromRGB(200,200,200)})}};ItemNameLabel={Text="\083\111\109\101 \073\116\101\109"};Item=function(p)return{BackgroundColor3=Color3.new(p.BackgroundColor3.R*.8,p.BackgroundColor3.G*.5,p.BackgroundColor3.B*.8)}end})end local T=M.mount(M.createElement(m),p)return function()M.unmount(T)end end
--[[
	This should:
	* Make the root frame transparent and blue-green
	* Set the title's text
	* Add effects to the title (gradient and ui stroke)
	* Set all ItemNameLabels' Texts
	* Modify items to have a background color based on their existing color
]]
return function(target)
	local Roact = require(script.Parent.Parent.Roact)
	local RoactTemplate = require(script.Parent.Parent.lib)

	local ExampleTemplate = RoactTemplate.fromInstance(Roact, script.Parent.assets.simple)

	local function Example()
		return Roact.createElement(ExampleTemplate, {
			[RoactTemplate.Root] = {
				BackgroundTransparency = 0.5,
				BackgroundColor3 = Color3.fromRGB(0, 255, 255),
			},
			TitleLabel = {
				Text = "Example Title Set With Changes",
				[Roact.Children] = {
					Gradient = Roact.createElement("UIGradient", {
						Color = ColorSequence.new(Color3.fromRGB(255, 255, 255), Color3.fromRGB(200, 200, 200)),
					}),
					UIStroke = Roact.createElement("UIStroke", {
						Thickness = 2,
						Color = Color3.fromRGB(200, 200, 200),
					}),
				},
			},
			ItemNameLabel = { Text = "Some Item" },
			Item = function(instance)
				return {
					BackgroundColor3 = Color3.new(
						instance.BackgroundColor3.R * 0.8,
						instance.BackgroundColor3.G * 0.5,
						instance.BackgroundColor3.B * 0.8
					),
				}
			end,
		})
	end

	local tree = Roact.mount(Roact.createElement(Example), target)

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