local X=script.Parent.Parent local w=require(X.Parent.Fusion)local G=require(X.Themer)local F=w.Children local E=w.scoped local j=require(X.Components.TitleBar)local I=require(X.Components.Frame)local c={Frame=I;TitleBar=j}return{story=function(X)local E=w.innerScope(X.scope,w,c)local j=G.Theme:now()E:Frame({Parent=X.target,Padding=E:Computed(function(X)return UDim.new(0,X(j.StrokeThickness["\049"]))end),Size=E:Computed(function(X)return UDim2.fromOffset(X(j.Spacing["\049\054"]),0)end);AutomaticSize=Enum.AutomaticSize.Y;ListEnabled=true;ListHorizontalFlex=Enum.UIFlexAlignment.Fill,[F]={E:TitleBar({Content={"\084\105\116\108\101"}}),E:TitleBar({Content={"\114\098\120\097\115\115\101\116\105\100\058\047\047\055\053\048\050\057\055\050\049\052\048\055\055\054\049","\083\104\111\112"}})}})end;fusion=w}
local OnyxUI = script.Parent.Parent

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

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

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

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),
			Size = Scope:Computed(function(Use)
				return UDim2.fromOffset(Use(Theme.Spacing["16"]), 0)
			end),
			AutomaticSize = Enum.AutomaticSize.Y,
			ListEnabled = true,
			ListHorizontalFlex = Enum.UIFlexAlignment.Fill,

			[Children] = {
				Scope:TitleBar {
					Content = { "Title" },
				},
				Scope:TitleBar {
					Content = { "rbxassetid://75029721407761", "Shop" },
				},
			},
		}
	end,
	fusion = Fusion,
}
