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.Card)local c=require(X.Components.Text)local f=require(X.Components.Divider)local V={Frame=j;Divider=f,Text=c;Card=I}return{story=function(X)local F=w.innerScope(X.scope,w,V)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\055\053"]))end);[E]={F:Card({Size=UDim2.new(UDim.new(1,0),UDim.new(0,75)),AutomaticSize=Enum.AutomaticSize.None});F:Card({Size=UDim2.fromScale(1,0);AutomaticSize=Enum.AutomaticSize.Y;ListEnabled=true,ListPadding=F:Computed(function(X)return UDim.new(0,X(j.Spacing["\048\046\050\053"]))end),[E]={F:Text({Text="\084\105\116\108\101";TextSize=j.TextSize["\049\046\050\053"];FontFace=F:Computed(function(X)return Font.new(X(j.Font.Heading),X(j.FontWeight.Heading))end)});F:Divider({});F:Text({Text="\076\111\114\101\109 \105\112\115\117\109 \100\111\108\111\114 \115\105\116 \097\109\101\116\044 \099\111\110\115\101\099\116\101\116\117\114 \097\100\105\112\105\115\099\105\110\103 \101\108\105\116\044 \115\101\100 \100\111 \101\105\117\115\109\111\100 \116\101\109\112\111\114 \105\110\099\105\100\105\100\117\110\116 \117\116 \108\097\098\111\114\101 \101\116 \100\111\108\111\114\101 \109\097\103\110\097 \097\108\105\113\117\097\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 Card = require(OnyxUI.Components.Card)
local Text = require(OnyxUI.Components.Text)
local Divider = require(OnyxUI.Components.Divider)
local Components = {
	Frame = Frame,
	Divider = Divider,
	Text = Text,
	Card = Card,
}

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.75"]))
			end),

			[Children] = {
				Scope:Card {
					Size = UDim2.new(UDim.new(1, 0), UDim.new(0, 75)),
					AutomaticSize = Enum.AutomaticSize.None,
				},
				Scope:Card {
					Size = UDim2.fromScale(1, 0),
					AutomaticSize = Enum.AutomaticSize.Y,
					ListEnabled = true,
					ListPadding = Scope:Computed(function(Use)
						return UDim.new(0, Use(Theme.Spacing["0.25"]))
					end),

					[Children] = {
						Scope:Text {
							Text = "Title",
							TextSize = Theme.TextSize["1.25"],
							FontFace = Scope:Computed(function(Use)
								return Font.new(Use(Theme.Font.Heading), Use(Theme.FontWeight.Heading))
							end),
						},
						Scope:Divider {},
						Scope:Text {
							Text = "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
						},
					},
				},
			},
		}
	end,
	fusion = Fusion,
}
