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.DropdownButton)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",{Size=UDim2.fromOffset(120,32)+UDim2.fromOffset(r.Offset*2,r.Offset*2);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);[w.Event.Activated]=print})})end)end return{controls={Disabled=false},stories={DropdownButton=function(C)return m(W,p.Dictionary.join({BackgroundTransparency=0},C.controls))end;NoBackground=function(C)return 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 DropdownRoot = script.Parent
local DropdownButton = require(DropdownRoot.DropdownButton)

local BORDER_PADDING = UDim.new(0, 8)

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

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

	return WithTheme(function(Theme)
		return new('Frame', {
			Size = UDim2.fromOffset(120, 32) + UDim2.fromOffset(BORDER_PADDING.Offset * 2, BORDER_PADDING.Offset * 2),
			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(DropdownButton, {
				AnchorPoint = Vector2.new(0, 0),
				Disabled = props.Disabled,
				Position = UDim2.fromScale(0, 0),
				[Roact.Event.Activated] = print
			})
		})
	end)
end

return {
	controls = {
		Disabled = false,
	},
	stories = {
		DropdownButton = function (props)
			return new(DropdownButtonStory, Sift.Dictionary.join({
				BackgroundTransparency = 0,
			}, props.controls))
		end,
		NoBackground = function(props)
			return new(DropdownButtonStory, Sift.Dictionary.join({
				BackgroundTransparency = 1,
			}, props.controls))
		end
	}
}
