local X=script.Parent.Parent local w=require(X.Parent.Fusion)local G=require(X.Themer)local F=require(X.Util)local E=w.scoped local j=w.Children local I=require(script.Parent.IconButton)local c=require(script.Parent.Frame)local f={IconButton=I;Frame=c}return{story=function(X)local E=w.innerScope(X.scope,w,f)local I=G.Theme:now()E:Frame({Parent=X.target,Padding=E:Computed(function(X)return UDim.new(0,X(I.StrokeThickness["\049"]))end),ListEnabled=true;ListFillDirection=Enum.FillDirection.Horizontal;ListPadding=E:Computed(function(X)return UDim.new(0,X(I.Spacing["\048\046\053"]))end);[j]={E:IconButton({Image="\114\098\120\097\115\115\101\116\105\100\058\047\047\049\048\056\049\052\053\051\049\048\052\055"});E:IconButton({Image="\114\098\120\097\115\115\101\116\105\100\058\047\047\049\048\056\049\052\053\051\049\048\052\055",Color=I.Colors.Primary.Main}),E:IconButton({Image="\114\098\120\097\115\115\101\116\105\100\058\047\047\049\049\053\054\048\051\052\049\049\051\050",Color=F.Colors.Amber["\053\048\048"]});E:IconButton({Image="\114\098\120\097\115\115\101\116\105\100\058\047\047\049\051\052\048\053\050\050\056\052\049\056",Color=F.Colors.Red["\053\048\048"],Style="\079\117\116\108\105\110\101\100"});E:IconButton({Image="\114\098\120\097\115\115\101\116\105\100\058\047\047\049\051\052\048\053\050\050\056\052\049\056";Color=F.Colors.Red["\053\048\048"];Style="\071\104\111\115\116"});E:IconButton({Image="\114\098\120\097\115\115\101\116\105\100\058\047\047\049\048\056\049\052\053\051\049\048\052\055";Disabled=true}),E:IconButton({Image="\114\098\120\097\115\115\101\116\105\100\058\047\047\049\048\056\049\052\053\051\049\048\052\055",Style="\071\104\111\115\116",Disabled=true})}})end;fusion=w}
local OnyxUI = script.Parent.Parent

local Fusion = require(OnyxUI.Parent.Fusion)
local Themer = require(OnyxUI.Themer)
local Util = require(OnyxUI.Util)

local Scoped = Fusion.scoped
local Children = Fusion.Children

local IconButton = require(script.Parent.IconButton)
local Frame = require(script.Parent.Frame)
local Components = {
	IconButton = IconButton,
	Frame = Frame,
}

return {
	story = function(Props)
		local Scope = Fusion.innerScope(Props.scope, Fusion, Components)
		local Theme = Themer.Theme:now()

		Scope:Frame {
			Parent = Props.target,
			Padding = Scope:Computed(function(Use)
				return UDim.new(0, Use(Theme.StrokeThickness["1"]))
			end),
			ListEnabled = true,
			ListFillDirection = Enum.FillDirection.Horizontal,
			ListPadding = Scope:Computed(function(Use)
				return UDim.new(0, Use(Theme.Spacing["0.5"]))
			end),

			[Children] = {
				Scope:IconButton {
					Image = "rbxassetid://10814531047",
				},
				Scope:IconButton {
					Image = "rbxassetid://10814531047",
					Color = Theme.Colors.Primary.Main,
				},
				Scope:IconButton {
					Image = "rbxassetid://11560341132",
					Color = Util.Colors.Amber["500"],
				},
				Scope:IconButton {
					Image = "rbxassetid://13405228418",
					Color = Util.Colors.Red["500"],
					Style = "Outlined",
				},
				Scope:IconButton {
					Image = "rbxassetid://13405228418",
					Color = Util.Colors.Red["500"],
					Style = "Ghost",
				},
				Scope:IconButton {
					Image = "rbxassetid://10814531047",
					Disabled = true,
				},
				Scope:IconButton {
					Image = "rbxassetid://10814531047",
					Style = "Ghost",
					Disabled = true,
				},
			},
		}
	end,
	fusion = Fusion,
}
