"use client";
import { jsx as n } from "react/jsx-runtime";
import { c as t } from "./cn-Bhsu1vx2.js";
const i = "inline-flex w-fit flex-none shrink-0 items-center justify-self-start rounded-full px-2 py-0.5 text-xs font-medium whitespace-nowrap", o = {
  variant: {
    primary: {
      classes: "bg-kumo-contrast text-kumo-inverse",
      description: "Default high-emphasis badge for important labels"
    },
    secondary: {
      classes: "bg-kumo-fill text-kumo-default",
      description: "Subtle badge for secondary information"
    },
    destructive: {
      classes: "bg-kumo-danger text-white",
      description: "Error or danger state indicator"
    },
    outline: {
      classes: "border border-kumo-fill bg-transparent text-kumo-default",
      description: "Bordered badge with transparent background"
    },
    beta: {
      classes: "border border-dashed border-kumo-brand bg-transparent text-kumo-link",
      description: "Indicates beta or experimental features"
    }
  }
}, r = {
  variant: "primary"
};
function d({
  variant: e = r.variant
} = {}) {
  return t(
    // Base styles (exported as KUMO_BADGE_BASE_STYLES for Figma plugin)
    i,
    // Apply variant styles from KUMO_BADGE_VARIANTS
    o.variant[e].classes
  );
}
function u({
  variant: e = r.variant,
  className: a,
  children: s
}) {
  return /* @__PURE__ */ n("span", { className: t(d({ variant: e }), a), children: s });
}
export {
  u as B,
  i as K
};
//# sourceMappingURL=badge-Dc99vsfo.js.map
