import { cn } from "./cva.js";
import "react";
import { cva } from "class-variance-authority";
import { jsx } from "react/jsx-runtime";
//#region src/Badge.tsx
const badgeVariants = cva("inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium", {
	variants: { tone: {
		neutral: "bg-surface text-fg",
		success: "bg-success text-success-fg",
		warning: "bg-warning text-warning-fg",
		danger: "bg-danger text-danger-fg",
		info: "bg-info text-info-fg"
	} },
	defaultVariants: { tone: "neutral" }
});
function Badge({ tone, children, className }) {
	return /* @__PURE__ */ jsx("span", {
		className: cn(badgeVariants({ tone }), className),
		children
	});
}
//#endregion
export { Badge };
