local C=script.Parent.Parent.Parent local U=C.Parent local Z=require(U.Sift)local b=require(U.Roact)local p=b.createElement local w=require(script.Parent.Flyout)local m=require(C.App.Input.Button.Button)local O=b.PureComponent:extend(script.Name)function O.render(C)return p(w,Z.Dictionary.join({Size=UDim2.new(1,0,0,0);FitContents=true;Text="\084\104\105\115 \105\115 \116\104\101 \102\108\121\111\117\116 \099\111\109\112\111\110\101\110\116\n\084\104\101 \102\108\121\111\117\116 \099\111\109\112\111\110\101\110\116 \115\104\111\117\108\100 \110\111\116 \098\101 \117\115\101\100 \097\115 \097 \100\105\097\108\111\103 \098\117\116 \105\110\115\116\101\097\100 \116\111 \115\104\111\119 \113\117\105\099\107 \097\099\116\105\111\110\115 \111\114 \110\111\116\105\102\105\099\097\116\105\111\110 \097\108\101\114\116\115\046",[b.Children]=C.props.IncludeContents and p(m,{Size=UDim2.new(0,150,0,30);Text="\067\111\110\116\101\110\116\115"})},C.props.controls))end return{controls={IncludeContents=true};stories={Flyout=function(C)return p(O,C.controls)end}}
local Winro = script.Parent.Parent.Parent
local Packages = Winro.Parent

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

local Flyout = require(script.Parent.Flyout)
local Button = require(Winro.App.Input.Button.Button)

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

function FlyoutStory:render()
	return new(Flyout, Sift.Dictionary.join({
		Size = UDim2.new(1, 0, 0, 0),
		FitContents = true,
		Text = 'This is the flyout component\nThe flyout component should not be used as a dialog but instead to show quick actions or notification alerts.',
		[Roact.Children] = self.props.IncludeContents and new(Button, {
			Size = UDim2.new(0, 150, 0, 30),
			Text = 'Contents'
		})
	}, self.props.controls))
end

return {
	controls = {
		IncludeContents = true,
	},
	stories = {
		Flyout = function (props)
			return new(FlyoutStory, props.controls)
		end
	}
}
