local C=script.Parent.Parent.Parent.Parent local U=C.Parent local Z=require(C.Theme)local b=Z.WithTheme local p=require(U.Sift)local w=require(U.Roact)local m=w.createElement local O=script.Parent local M=require(O.Button)local r=UDim.new(0,8)local W=w.PureComponent:extend(script.Name)function W.render(C)local U=C.props return b(function(C)return m("\070\114\097\109\101",{BackgroundTransparency=U.BackgroundTransparency;BackgroundColor3=C["\099\111\108\111\114\115\047\066\097\099\107\103\114\111\117\110\100\047\070\105\108\108\095\067\111\108\111\114\047\083\111\108\105\100\095\066\097\099\107\103\114\111\117\110\100\047\066\097\115\101"].Color;AutomaticSize="\088\089"},{Padding=m("\085\073\080\097\100\100\105\110\103",{PaddingBottom=r;PaddingLeft=r,PaddingRight=r,PaddingTop=r});Button=m(M,{AnchorPoint=Vector2.new(0,0),Disabled=U.Disabled,Position=UDim2.fromScale(0,0);Style=U.Style;[w.Event.Activated]=print})})end)end return{controls={Disabled=false,Style={"\065\099\099\101\110\116";"\080\114\105\109\097\114\121";"\083\101\099\111\110\100\097\114\121";"\083\116\097\110\100\097\114\100","\068\101\102\097\117\108\116"}},stories={Button=function(C)return w.createFragment({OnBackground=m(W,p.Dictionary.join({BackgroundTransparency=0},C.controls));NoBackground=m(W,p.Dictionary.join({BackgroundTransparency=1},C.controls))})end}}
local Winro = script.Parent.Parent.Parent.Parent
local Packages = Winro.Parent

local Theme = require(Winro.Theme)
local WithTheme = Theme.WithTheme

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

local ButtonRoot = script.Parent
local Button = require(ButtonRoot.Button)

local BORDER_PADDING = UDim.new(0, 8)

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

function ButtonStory:render()
	local props = self.props

	return WithTheme(function(Theme)
		return new('Frame', {
			BackgroundTransparency = props.BackgroundTransparency,
			BackgroundColor3 = Theme['colors/Background/Fill_Color/Solid_Background/Base'].Color,
			AutomaticSize = 'XY'
		}, {
			Padding = new('UIPadding', {
				PaddingBottom = BORDER_PADDING,
				PaddingLeft = BORDER_PADDING,
				PaddingRight = BORDER_PADDING,
				PaddingTop = BORDER_PADDING,
			}),
			Button = new(Button, {
				AnchorPoint = Vector2.new(0, 0),
				Disabled = props.Disabled,
				Position = UDim2.fromScale(0, 0),
				Style = props.Style,
				[Roact.Event.Activated] = print
			})
		})
	end)
end

return {
	controls = {
		Disabled = false,
		Style = {
			'Accent',
			'Primary',
			'Secondary',
			'Standard',
			'Default',
		}
	},
	stories = {
		Button = function (props)
			return Roact.createFragment({
				OnBackground = new(ButtonStory, Sift.Dictionary.join({
					BackgroundTransparency = 0,
				}, props.controls)),
				NoBackground = new(ButtonStory, Sift.Dictionary.join({
					BackgroundTransparency = 1,
				}, props.controls))
			})
		end
	}
}
