local X=script.Parent.Parent local w=require(X.Parent.Fusion)local G=require(X.Util)local F=require(X.Themer)local E=w.scoped local j=w.Children local I={Slider=require(X.Components.Slider);Frame=require(X.Components.Frame)}return{story=function(X)local c=E(w,G,I)local f=F.Theme:now()c:Frame({Parent=X.target,Size=c:Computed(function(X)return UDim2.fromOffset(X(f.Spacing["\049\054"]),0)end),AutomaticSize=Enum.AutomaticSize.Y;Padding=c:Computed(function(X)return UDim.new(0,X(f.StrokeThickness["\049"]))end);ListEnabled=true;ListPadding=c:Computed(function(X)return UDim.new(0,X(f.Spacing["\049"]))end),ListHorizontalFlex=Enum.UIFlexAlignment.Fill,[j]={c:Slider({});c:Slider({Value=.1,Unit=.1;Color=G.Colors.Cyan["\053\048\048"]}),c:Slider({Value=.25;Unit=.25,Color=G.Colors.Fuchsia["\053\048\048"]}),c:Slider({Disabled=true})}})end,fusion=w}
local OnyxUI = script.Parent.Parent
local Fusion = require(OnyxUI.Parent.Fusion)
local Util = require(OnyxUI.Util)
local Themer = require(OnyxUI.Themer)

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

local Components = {
	Slider = require(OnyxUI.Components.Slider),
	Frame = require(OnyxUI.Components.Frame),
}

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

		Scope:Frame {
			Parent = Props.target,
			Size = Scope:Computed(function(Use)
				return UDim2.fromOffset(Use(Theme.Spacing["16"]), 0)
			end),
			AutomaticSize = Enum.AutomaticSize.Y,
			Padding = Scope:Computed(function(Use)
				return UDim.new(0, Use(Theme.StrokeThickness["1"]))
			end),
			ListEnabled = true,
			ListPadding = Scope:Computed(function(Use)
				return UDim.new(0, Use(Theme.Spacing["1"]))
			end),
			ListHorizontalFlex = Enum.UIFlexAlignment.Fill,

			[Children] = {
				Scope:Slider {},
				Scope:Slider {
					Value = 1 / 10,
					Unit = 1 / 10,
					Color = Util.Colors.Cyan["500"],
				},
				Scope:Slider {
					Value = 1 / 4,
					Unit = 1 / 4,
					Color = Util.Colors.Fuchsia["500"],
				},
				Scope:Slider {
					Disabled = true,
				},
			},
		}
	end,
	fusion = Fusion,
}
