local c=script.Parent.Parent local H=require(c.Parent.Fusion)local e=require(c.Themer)local n=require(c.Util)local v=H.scoped local Q=H.Children local R=H.peek local b=require(script.Parent.Frame)local f=require(script.Parent.Avatar)local U={Frame=b,Avatar=f}local j={n.Colors.Red["\053\048\048"],n.Colors.Green["\052\048\048"],n.Colors.Orange["\053\048\048"];n.Colors.Stone["\054\048\048"]}return{story=function(c)local v=H.innerScope(c.scope,H,U)local b=e.Theme:now()local f=v:Value(j[2])local V=v:Value(R(b.StrokeThickness["\050"]))local K=task.spawn(function()while task.wait(1)do f:set(j[math.random(1,#j)])if R(V)==R(b.StrokeThickness["\050"])then V:set(R(b.StrokeThickness["\051"]))else V:set(R(b.StrokeThickness["\050"]))end end end)v:innerScope({function()task.cancel(K)end})v:Frame({Parent=c.target,Padding=v:Computed(function(c)return UDim.new(0,c(b.StrokeThickness["\052"]))end);ListEnabled=true,ListPadding=v:Computed(function(c)return UDim.new(0,c(b.Spacing["\049"]))end);ListFillDirection=Enum.FillDirection.Horizontal;[Q]={v:Avatar({Image="\114\098\120\116\104\117\109\098\058\047\047\116\121\112\101\061\065\118\097\116\097\114\072\101\097\100\083\104\111\116\038\105\100\061\049\052\052\049\052\054\055\056\052\038\119\061\049\053\048\038\104\061\049\053\048"}),v:Avatar({Image="\114\098\120\116\104\117\109\098\058\047\047\116\121\112\101\061\065\118\097\116\097\114\072\101\097\100\083\104\111\116\038\105\100\061\049\052\052\049\052\054\055\056\052\038\119\061\049\053\048\038\104\061\049\053\048";CornerRadius=v:Computed(function(c)return UDim.new(0,c(b.CornerRadius.Full))end)}),v:Avatar({Image="\114\098\120\116\104\117\109\098\058\047\047\116\121\112\101\061\065\118\097\116\097\114\072\101\097\100\083\104\111\116\038\105\100\061\049\052\052\049\052\054\055\056\052\038\119\061\049\053\048\038\104\061\049\053\048";CornerRadius=v:Computed(function(c)return UDim.new(0,c(b.CornerRadius.Full))end);RingEnabled=true;RingColor=f});v:Avatar({Image="\114\098\120\116\104\117\109\098\058\047\047\116\121\112\101\061\065\118\097\116\097\114\072\101\097\100\083\104\111\116\038\105\100\061\049\052\052\049\052\054\055\056\052\038\119\061\049\053\048\038\104\061\049\053\048";CornerRadius=v:Computed(function(c)return UDim.new(0,c(b.CornerRadius.Full))end),IndicatorEnabled=true;IndicatorColor=f}),v:Avatar({Image="\114\098\120\116\104\117\109\098\058\047\047\116\121\112\101\061\065\118\097\116\097\114\072\101\097\100\083\104\111\116\038\105\100\061\049\052\052\049\052\054\055\056\052\038\119\061\049\053\048\038\104\061\049\053\048",CornerRadius=v:Computed(function(c)return UDim.new(0,c(b.CornerRadius.Full))end);RingEnabled=true,RingColor=n.Colors.Green["\052\048\048"],RingThickness=V}),v:Avatar({Image="\114\098\120\116\104\117\109\098\058\047\047\116\121\112\101\061\065\118\097\116\097\114\072\101\097\100\083\104\111\116\038\105\100\061\049\052\052\049\052\054\055\056\052\038\119\061\049\053\048\038\104\061\049\053\048";CornerRadius=v:Computed(function(c)return UDim.new(0,c(b.CornerRadius.Full))end);IndicatorEnabled=true,IndicatorColor=n.Colors.Sky["\053\048\048"],IndicatorIcon="\114\098\120\097\115\115\101\116\105\100\058\047\047\049\051\056\048\053\053\054\057\048\052\051"})}})end;fusion=H}
local OnyxUI = script.Parent.Parent

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

local Scoped = Fusion.scoped
local Children = Fusion.Children
local Peek = Fusion.peek

local Frame = require(script.Parent.Frame)
local Avatar = require(script.Parent.Avatar)
local Components = {
	Frame = Frame,
	Avatar = Avatar,
}

local INDICATOR_COLORS =
	{ Util.Colors.Red["500"], Util.Colors.Green["400"], Util.Colors.Orange["500"], Util.Colors.Stone["600"] }

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

		local IndicatorColor = Scope:Value(INDICATOR_COLORS[2])
		local RingThickness = Scope:Value(Peek(Theme.StrokeThickness["2"]))

		local RandomizerThread = task.spawn(function()
			while task.wait(1) do
				IndicatorColor:set(INDICATOR_COLORS[math.random(1, #INDICATOR_COLORS)])

				if Peek(RingThickness) == Peek(Theme.StrokeThickness["2"]) then
					RingThickness:set(Peek(Theme.StrokeThickness["3"]))
				else
					RingThickness:set(Peek(Theme.StrokeThickness["2"]))
				end
			end
		end)

		Scope:innerScope({
			function()
				task.cancel(RandomizerThread)
			end,
		})

		Scope:Frame {
			Parent = Props.target,
			Padding = Scope:Computed(function(Use)
				return UDim.new(0, Use(Theme.StrokeThickness["4"]))
			end),
			ListEnabled = true,
			ListPadding = Scope:Computed(function(Use)
				return UDim.new(0, Use(Theme.Spacing["1"]))
			end),
			ListFillDirection = Enum.FillDirection.Horizontal,

			[Children] = {
				Scope:Avatar {
					Image = "rbxthumb://type=AvatarHeadShot&id=144146784&w=150&h=150",
				},
				Scope:Avatar {
					Image = "rbxthumb://type=AvatarHeadShot&id=144146784&w=150&h=150",
					CornerRadius = Scope:Computed(function(Use)
						return UDim.new(0, Use(Theme.CornerRadius.Full))
					end),
				},
				Scope:Avatar {
					Image = "rbxthumb://type=AvatarHeadShot&id=144146784&w=150&h=150",
					CornerRadius = Scope:Computed(function(Use)
						return UDim.new(0, Use(Theme.CornerRadius.Full))
					end),
					RingEnabled = true,
					RingColor = IndicatorColor,
				},
				Scope:Avatar {
					Image = "rbxthumb://type=AvatarHeadShot&id=144146784&w=150&h=150",
					CornerRadius = Scope:Computed(function(Use)
						return UDim.new(0, Use(Theme.CornerRadius.Full))
					end),
					IndicatorEnabled = true,
					IndicatorColor = IndicatorColor,
				},
				Scope:Avatar {
					Image = "rbxthumb://type=AvatarHeadShot&id=144146784&w=150&h=150",
					CornerRadius = Scope:Computed(function(Use)
						return UDim.new(0, Use(Theme.CornerRadius.Full))
					end),
					RingEnabled = true,
					RingColor = Util.Colors.Green["400"],
					RingThickness = RingThickness,
				},
				Scope:Avatar {
					Image = "rbxthumb://type=AvatarHeadShot&id=144146784&w=150&h=150",
					CornerRadius = Scope:Computed(function(Use)
						return UDim.new(0, Use(Theme.CornerRadius.Full))
					end),
					IndicatorEnabled = true,
					IndicatorColor = Util.Colors.Sky["500"],
					IndicatorIcon = "rbxassetid://13805569043",
				},
			},
		}
	end,
	fusion = Fusion,
}
