local c=script.Parent.Parent local H=require(c.Parent.Fusion)local e=require(c.Themer)local n=require(c.Components)local v=H.Children return{story=function(c)local Q=e.Theme:now()local R=H.innerScope(c.scope,H,n)R:Base({Parent=c.target;ListEnabled=true,Padding=R:Computed(function(c)return UDim.new(0,c(Q.StrokeThickness["\052"]))end),[v]={R:Base({ClassName="\070\114\097\109\101";Size=UDim2.fromOffset(100,100),CornerRadius=UDim.new(0,0),PaddingLeft=UDim.new(0,10);StrokeThickness=5,StrokeColor=Color3.fromRGB(255,0,0)});R:Base({ClassName="\070\114\097\109\101";ListEnabled=true,ListPadding=UDim.new(0,15),AutomaticSize=Enum.AutomaticSize.XY,PaddingLeft=UDim.new(0,10);Padding=UDim.new(0,30),[v]={R:Base({ClassName="\084\101\120\116\066\117\116\116\111\110";BackgroundColor3=Color3.fromRGB(255,0,0);StrokeEnabled=true;StrokeThickness=3,StrokeApplyMode=Enum.ApplyStrokeMode.Border;StrokeTransparency=.5,StrokeLineJoinMode=Enum.LineJoinMode.Miter;Size=UDim2.fromOffset(200,50)}),R:Base({ClassName="\084\101\120\116\066\117\116\116\111\110",BackgroundColor3=Color3.fromRGB(255,0,0);StrokeEnabled=true,StrokeThickness=3,StrokeColor=Color3.fromRGB(0,0,0),StrokeApplyMode=Enum.ApplyStrokeMode.Border;CornerRadius=UDim.new(0,15);Scale=.95;Size=UDim2.fromOffset(200,50),GradientEnabled=true,GradientColor=ColorSequence.new(Color3.fromRGB(255,255,255),Color3.fromRGB(0,0,0))});R:Base({ClassName="\084\101\120\116\066\117\116\116\111\110",BackgroundColor3=Color3.fromRGB(255,0,0),StrokeEnabled=true,StrokeThickness=3;StrokeApplyMode=Enum.ApplyStrokeMode.Border;Size=UDim2.fromOffset(200,50);AspectRatio=1;DominantAxis=Enum.DominantAxis.Height;AspectType=Enum.AspectType.ScaleWithParentSize})}});R:Base({ClassName="\070\114\097\109\101";Size=UDim2.fromOffset(200,200),GridEnabled=true;GridCellSize=UDim2.fromOffset(50,50);BackgroundColor3=Color3.fromRGB(255,0,0),Padding=UDim.new(0,10);CornerRadius=UDim.new(0,10),[v]={R:Base({ClassName="\070\114\097\109\101"});R:Base({ClassName="\070\114\097\109\101";StrokeEnabled=true,StrokeColor=Color3.fromRGB(0,0,255);StrokeThickness=2}),R:Base({ClassName="\070\114\097\109\101"});R:Base({ClassName="\070\114\097\109\101"});R:Base({ClassName="\070\114\097\109\101"})}})}})end,fusion=H}
local OnyxUI = script.Parent.Parent
local Fusion = require(OnyxUI.Parent.Fusion)
local Themer = require(OnyxUI.Themer)
local Components = require(OnyxUI.Components)

local Children = Fusion.Children

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

		Scope:Base {
			Parent = Props.target,
			ListEnabled = true,
			Padding = Scope:Computed(function(Use)
				return UDim.new(0, Use(Theme.StrokeThickness["4"]))
			end),

			[Children] = {
				Scope:Base {
					ClassName = "Frame",
					Size = UDim2.fromOffset(100, 100),
					CornerRadius = UDim.new(0, 0),
					PaddingLeft = UDim.new(0, 10),
					StrokeThickness = 5,
					StrokeColor = Color3.fromRGB(255, 0, 0),
				},
				Scope:Base {
					ClassName = "Frame",
					ListEnabled = true,
					ListPadding = UDim.new(0, 15),
					-- Size = UDim2.fromOffset(300, 600),
					AutomaticSize = Enum.AutomaticSize.XY,
					PaddingLeft = UDim.new(0, 10),
					Padding = UDim.new(0, 30),

					[Children] = {
						Scope:Base {
							ClassName = "TextButton",
							BackgroundColor3 = Color3.fromRGB(255, 0, 0),
							StrokeEnabled = true,
							StrokeThickness = 3,
							StrokeApplyMode = Enum.ApplyStrokeMode.Border,
							StrokeTransparency = 0.5,
							StrokeLineJoinMode = Enum.LineJoinMode.Miter,
							Size = UDim2.fromOffset(200, 50),
						},
						Scope:Base {
							ClassName = "TextButton",
							BackgroundColor3 = Color3.fromRGB(255, 0, 0),
							StrokeEnabled = true,
							StrokeThickness = 3,
							StrokeColor = Color3.fromRGB(0, 0, 0),
							StrokeApplyMode = Enum.ApplyStrokeMode.Border,
							CornerRadius = UDim.new(0, 15),
							Scale = 0.95,
							Size = UDim2.fromOffset(200, 50),
							GradientEnabled = true,
							GradientColor = ColorSequence.new(Color3.fromRGB(255, 255, 255), Color3.fromRGB(0, 0, 0)),
						},
						Scope:Base {
							ClassName = "TextButton",
							BackgroundColor3 = Color3.fromRGB(255, 0, 0),
							StrokeEnabled = true,
							StrokeThickness = 3,
							StrokeApplyMode = Enum.ApplyStrokeMode.Border,
							Size = UDim2.fromOffset(200, 50),
							AspectRatio = 1,
							DominantAxis = Enum.DominantAxis.Height,
							AspectType = Enum.AspectType.ScaleWithParentSize,
							-- MaxSize = Vector2.new(10, 20),
						},
					},
				},
				Scope:Base {
					ClassName = "Frame",
					Size = UDim2.fromOffset(200, 200),
					GridEnabled = true,
					GridCellSize = UDim2.fromOffset(50, 50),
					BackgroundColor3 = Color3.fromRGB(255, 0, 0),
					Padding = UDim.new(0, 10),
					CornerRadius = UDim.new(0, 10),

					[Children] = {
						Scope:Base {
							ClassName = "Frame",
						},
						Scope:Base {
							ClassName = "Frame",
							StrokeEnabled = true,
							StrokeColor = Color3.fromRGB(0, 0, 255),
							StrokeThickness = 2,
						},
						Scope:Base {
							ClassName = "Frame",
						},
						Scope:Base {
							ClassName = "Frame",
						},
						Scope:Base {
							ClassName = "Frame",
						},
					},
				},
			},
		}
	end,
	fusion = Fusion,
}
