local n=require(script.Parent.Parent.Parent.Roact)local H=require(script.Parent.Parent)local w=n.PureComponent:extend("\066\117\116\116\111\110\069\120\097\109\112\108\101")function w.render(w)return 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},{RaisedButton=n.createElement(H.Button,{Text="\082\097\105\115\101\100",Position=UDim2.fromScale(.5,.5);AnchorPoint=Vector2.new(.5,.5);OnClicked=function() end});FlatButton=n.createElement(H.Button,{Text="\070\108\097\116",Position=UDim2.new(.5,0,.5,60);AnchorPoint=Vector2.new(.5,.5);Flat=true;OnClicked=function() end})})))end return function(H)local q=n.mount(n.createElement(w),H)return function()n.unmount(q)end end
local Roact = require(script.Parent.Parent.Parent.Roact)
local RoactMaterial = require(script.Parent.Parent)

local ExampleComponent = Roact.PureComponent:extend("ButtonExample")

function ExampleComponent:render()
	return 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,
	}, {
		RaisedButton = Roact.createElement(RoactMaterial.Button, {
			Text = "Raised",
			Position = UDim2.fromScale(0.5, 0.5),
			AnchorPoint = Vector2.new(0.5, 0.5),
			OnClicked = function()
			end,
		}),

		FlatButton = Roact.createElement(RoactMaterial.Button, {
			Text = "Flat",
			Position = UDim2.new(0.5, 0, 0.5, 60),
			AnchorPoint = Vector2.new(0.5, 0.5),
			Flat = true,
			OnClicked = function()
			end,
		}),
	})))
end

return function(Target)
	local Tree = Roact.mount(Roact.createElement(ExampleComponent), Target)

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