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.Divider)local c=require(X.Components.Text)local f={Frame=j;Text=c,Divider=I}return{story=function(X)local F=w.innerScope(X.scope,w,f)local j=G.Theme:now()F:Frame({Parent=X.target,Size=UDim2.fromOffset(300,0);AutomaticSize=Enum.AutomaticSize.Y;ListEnabled=true;ListFillDirection=Enum.FillDirection.Vertical,ListPadding=F:Computed(function(X)return UDim.new(0,X(j.Spacing["\048\046\053"]))end),[E]={F:Text({Text="\083\111\109\101 \116\111\112 \099\111\110\116\101\110\116\046\046"}),F:Divider({FillDirection=Enum.FillDirection.Horizontal});F:Text({Text="\065\110\100 \115\111\109\101 \098\111\116\116\111\109 \099\111\110\116\101\110\116 \116\111\111\046"})}})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 Divider = require(OnyxUI.Components.Divider)
local Text = require(OnyxUI.Components.Text)
local Components = {
	Frame = Frame,
	Text = Text,
	Divider = Divider,
}

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

		Scope:Frame {
			Parent = Props.target,
			Size = UDim2.fromOffset(300, 0),
			AutomaticSize = Enum.AutomaticSize.Y,
			ListEnabled = true,
			ListFillDirection = Enum.FillDirection.Vertical,
			ListPadding = Scope:Computed(function(Use)
				return UDim.new(0, Use(Theme.Spacing["0.5"]))
			end),

			[Children] = {
				Scope:Text {
					Text = "Some top content..",
				},
				Scope:Divider {
					FillDirection = Enum.FillDirection.Horizontal,
				},
				Scope:Text {
					Text = "And some bottom content too.",
				},
			},
		}
	end,
	fusion = Fusion,
}
