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(script.Parent.MenuFrame)local I=require(script.Parent.Frame)local c=require(script.Parent.Text)local f={MenuFrame=j;Text=c,Frame=I}return{story=function(X)local E=w.innerScope(X.scope,w,f)local j=G.Theme:now()E:Frame({Parent=X.target,Padding=E:Computed(function(X)return UDim.new(0,X(j.StrokeThickness["\049"]))end);ListEnabled=true;ListFillDirection=Enum.FillDirection.Horizontal;[F]={E:MenuFrame({Parent=X.target;Size=UDim2.fromOffset(300,200);AutomaticSize=Enum.AutomaticSize.None,[F]={E:Text({Text="\072\101\114\101\'\115 \097 \077\101\110\117\070\114\097\109\101 \119\105\116\104 \115\111\109\101 \116\101\120\116 \105\110 \105\116\046"})}})}})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 MenuFrame = require(script.Parent.MenuFrame)
local Frame = require(script.Parent.Frame)
local Text = require(script.Parent.Text)
local Components = {
	MenuFrame = MenuFrame,
	Text = Text,
	Frame = Frame,
}

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),
			ListEnabled = true,
			ListFillDirection = Enum.FillDirection.Horizontal,

			[Children] = {
				Scope:MenuFrame {
					Parent = Props.target,
					Size = UDim2.fromOffset(300, 200),
					AutomaticSize = Enum.AutomaticSize.None,

					[Children] = {
						Scope:Text {
							Text = "Here's a MenuFrame with some text in it.",
						},
					},
				},
			},
		}
	end,
	fusion = Fusion,
}
