local X=script.Parent.Parent local w=require(X.Parent.Fusion)local G=require(X.Themer)local F=w.scoped local E=w.Children local j=require(X.Components.Frame)local I=require(X.Components.Image)local c={Frame=j;Image=I}return{story=function(X)local F=w.innerScope(X.scope,w,c)local j=G.Theme:now()F:Frame({Parent=X.target,AutomaticSize=Enum.AutomaticSize.XY,ListEnabled=true;ListFillDirection=Enum.FillDirection.Horizontal;ListPadding=F:Computed(function(X)return UDim.new(0,X(j.Spacing["\048\046\055\053"]))end);[E]={F:Image({Image="\114\098\120\097\115\115\101\116\105\100\058\047\047\049\053\051\048\055\053\052\048\049\052\056"});F:Image({});F:Image({FallbackImage="\114\098\120\097\115\115\101\116\105\100\058\047\047\049\051\049\057\051\057\048\050\052\048\048"})}})end,fusion=w}
local OnyxUI = script.Parent.Parent

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

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

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

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

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

			[Children] = {
				Scope:Image {
					Image = "rbxassetid://15307540148",
				},
				Scope:Image {},
				Scope:Image {
					FallbackImage = "rbxassetid://13193902400",
				},
			},
		}
	end,
	fusion = Fusion,
}
