local C=script.Parent.Parent.Parent.Parent local U=C.Parent local Z=require(C.Utility.FrameVisualizer)local b=require(U.Sift)local p=require(U.Roact)local w=p.createElement local m=require(script.Parent.ButtonStack)local O=p.PureComponent:extend(script.Name)function O.render(C)local U=w(m,b.Dictionary.join({Size=UDim2.new(1,0,0,30);ButtonHeight=UDim.new(0,30);Buttons={[1]={Text="\080\114\105\109\097\114\121";Style="\065\099\099\101\110\116",[p.Event.Activated]=print},[2]={Text="\083\101\099\111\110\100\097\114\121",Style="\083\116\097\110\100\097\114\100",[p.Event.Activated]=print},[3]={Text="\084\101\114\116\105\097\114\121";Style="\083\116\097\110\100\097\114\100";[p.Event.Activated]=print}}},C.props.Props))if C.props.Wireframe then return w(Z,{Size=UDim2.new(1,0,1,0)},U)else return U end end return{controls={Wireframe=false};stories={ButtonStack=function(C)return w(O,C.controls)end}}
-- TitleBar: The top bar of a window component

local Winro = script.Parent.Parent.Parent.Parent
local Packages = Winro.Parent

local FrameVisualizer = require(Winro.Utility.FrameVisualizer)

local Sift = require(Packages.Sift)
local Roact = require(Packages.Roact)
local new = Roact.createElement

local ButtonStack = require(script.Parent.ButtonStack)

local ButtonStackStory = Roact.PureComponent:extend(script.Name)

function ButtonStackStory:render()
	
	local ButtonStack = new(ButtonStack, Sift.Dictionary.join({
		Size = UDim2.new(1, 0, 0, 30),
		ButtonHeight = UDim.new(0, 30),
		Buttons = {
			[1] = {
				Text = 'Primary',
				Style = 'Accent',
				[Roact.Event.Activated] = print,
			},
			[2] = {
				Text = 'Secondary',
				Style = 'Standard',
				[Roact.Event.Activated] = print,
			},
			[3] = {
				Text = 'Tertiary',
				Style = 'Standard',
				[Roact.Event.Activated] = print,
			},
		}
	}, self.props.Props))

	if self.props.Wireframe then
		return new(FrameVisualizer, {
			Size = UDim2.new(1, 0, 1, 0),
		}, ButtonStack)
	else
		return ButtonStack
	end
end

return {
	controls = {
		Wireframe = false,
	},
	stories = {
		ButtonStack = function(props)
			return new(ButtonStackStory, props.controls)
		end
	}
}
