import theme_default from "./theme.js";
import { vui } from "../core/vui.js";
import "../core/index.js";
import { Tag } from "../tag/tag.js";
import "../tag/index.js";
import { jsx } from "react/jsx-runtime";

//#region src/badge/badge.tsx
/**
* Badges are round, non-interactive tags.
*
* These components are used for displaying information only; they might be used as a “counter” for push notifications.
*/
const Badge = vui((props, ref) => {
	const { variant, ...rest } = props;
	const { variants } = theme_default ?? {};
	const bg = variants[variant ?? "subtleSandstone"].container.bg;
	const color = variants[variant ?? "subtleSandstone"].container.color;
	return /* @__PURE__ */ jsx(Tag, {
		bg,
		className: "vui-badge",
		color,
		isInteractive: false,
		isRound: true,
		minW: "20px",
		ref,
		...rest,
		onDelete: void 0
	});
});
Badge.displayName = "Badge";
var badge_default = Badge;

//#endregion
export { Badge, badge_default as default };
globalThis.__vuiVersion__ = "4.0.0-beta.1"
//# sourceMappingURL=badge.js.map