"use client";
import { jsx as i } from "react/jsx-runtime";
import { c as a } from "./cn-ct4n7r74mh8y0f48.js";
const o = "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", r = {
  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"
    },
    success: {
      classes: "bg-kumo-success text-white",
      description: "Success or positive 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"
    }
  }
}, s = {
  variant: "primary"
};
function c({
  variant: e = s.variant
} = {}) {
  const t = r.variant[e];
  return a(
    // Base styles (exported as KUMO_BADGE_BASE_STYLES for Figma plugin)
    o,
    // Apply variant styles from KUMO_BADGE_VARIANTS (fallback to primary if variant not found)
    t?.classes ?? r.variant[s.variant].classes
  );
}
function l({
  variant: e = s.variant,
  className: t,
  children: n
}) {
  return /* @__PURE__ */ i("span", { className: a(c({ variant: e }), t), children: n });
}
export {
  l as B,
  o as K
};
//# sourceMappingURL=badge-mrshucy2530o70cq.js.map
