-- Compiled with roblox-ts v3.0.0
local TS = _G[script]
local Vide = TS.import(script, TS.getModule(script, "@rbxts", "vide").src)
local px = TS.import(script, script.Parent.Parent.Parent, "hooks", "use-px").px
local options = TS.import(script, script.Parent.Parent.Parent, "store").options
local Frame = TS.import(script, script.Parent.Parent, "ui", "frame").Frame
local Text = TS.import(script, script.Parent.Parent, "ui", "text").Text
local function Badge(props)
	local _attributes = {
		text = props.text,
		textColor = props.textColor,
		textSize = props.textSize,
		textXAlignment = "Center",
		size = UDim2.fromScale(1, 1),
		font = function()
			return options().font.bold
		end,
	}
	local _attribute = props.native
	if _attribute then
		for _k, _v in _attribute do
			_attributes[_k] = _v
		end
	end
	return Vide.jsx(Frame, {
		backgroundColor = props.color,
		cornerRadius = function()
			return UDim.new(0, px(4))
		end,
		backgroundTransparency = props.backgroundTransparency,
		clipsDescendants = true,
		anchor = props.anchor,
		position = props.position,
		size = props.size,
		visible = props.visible,
	}, Vide.jsx(Text, _attributes, props.children))
end
return {
	Badge = Badge,
}