-- Compiled with roblox-ts v1.3.2
local TS = _G[script]
local Hooks = TS.import(script, TS.getModule(script, "@rbxts", "roact-hooks").src)
local Roact = TS.import(script, TS.getModule(script, "@rbxts", "roact").src)
local useSelector = TS.import(script, script.Parent.Parent, "hooks", "use-selector").default
local Component = function(props, hooks)
	local text = useSelector(hooks, function(state)
		return state.Text
	end)
	local value = useSelector(hooks, function(state)
		return state.Value
	end)
	return Roact.createElement("Frame", {
		AnchorPoint = props.AnchorPoint,
		AutomaticSize = Enum.AutomaticSize.XY,
		BackgroundTransparency = 1,
		LayoutOrder = props.LayoutOrder,
		Position = props.Position,
		Size = UDim2.new(),
	}, {
		UIListLayout = Roact.createElement("UIListLayout", {
			FillDirection = Enum.FillDirection.Horizontal,
			HorizontalAlignment = Enum.HorizontalAlignment.Center,
			Padding = UDim.new(0, 5),
			SortOrder = Enum.SortOrder.LayoutOrder,
			VerticalAlignment = Enum.VerticalAlignment.Center,
		}),
		TextLabel = Roact.createElement("TextLabel", {
			AutomaticSize = Enum.AutomaticSize.X,
			BackgroundColor3 = Color3.fromRGB(60, 60, 60),
			BorderSizePixel = 0,
			Font = Enum.Font.Roboto,
			RichText = true,
			Size = UDim2.fromOffset(0, 35),
			Text = 'Text: <font color="rgb(206,145,120)" face="RobotoMono" size="24">"' .. (text .. '"</font>'),
			TextColor3 = Color3.fromRGB(255, 255, 255),
			TextSize = 22,
		}, {
			UIPadding = Roact.createElement("UIPadding", {
				PaddingLeft = UDim.new(0, 12),
				PaddingRight = UDim.new(0, 12),
			}),
		}),
		ValueLabel = Roact.createElement("TextLabel", {
			AutomaticSize = Enum.AutomaticSize.X,
			BackgroundColor3 = Color3.fromRGB(60, 60, 60),
			BorderSizePixel = 0,
			Font = Enum.Font.Roboto,
			LayoutOrder = 1,
			RichText = true,
			Size = UDim2.fromOffset(0, 35),
			Text = 'Value: <font color="rgb(181,206,168)" face="RobotoMono" size="24">' .. (tostring(value) .. "</font>"),
			TextColor3 = Color3.fromRGB(255, 255, 255),
			TextSize = 22,
		}, {
			UIPadding = Roact.createElement("UIPadding", {
				PaddingLeft = UDim.new(0, 12),
				PaddingRight = UDim.new(0, 12),
			}),
		}),
	})
end
local Labels = Hooks.new(Roact)(Component, {
	componentType = "PureComponent",
	name = "Labels",
})
local default = Labels
return {
	Labels = Labels,
	default = default,
}