import { j as r } from "../../node_modules/react/jsx-runtime.js";
import { forwardRef as s } from "react";
import { cva as c } from "../../node_modules/class-variance-authority/dist/index.js";
import { cn as o } from "../../utils/index.js";
const l = c(["font-semibold", "rounded-md"], {
  variants: {
    size: {
      sm: "px-2 py-1 text-xs"
    },
    colorScheme: {
      "interaction-success-default": "bg-interaction-success-default text-white",
      "interaction-critical-default": "bg-interaction-critical-default text-white",
      "interaction-warning-default": "bg-interaction-warning-default text-white",
      "interaction-support-disabled-strong": "bg-interaction-support-disabled-strong text-white",
      "interaction-main-default": "bg-interaction-main-default text-white",
      "blue-80": "bg-blue-80 text-white",
      "interaction-success-subtle-default": "bg-interaction-success-subtle-default text-interaction-success-default",
      "interaction-critical-subtle-default": "bg-interaction-critical-subtle-default text-interaction-critical-default",
      "interaction-warning-subtle-default": "bg-interaction-warning-subtle-default text-interaction-warning-default",
      "interaction-support-disabled": "bg-interaction-support-disabled-subtle text-text-disabled-strong",
      "interaction-sub-brand-subtle": "bg-interaction-sub-brand-subtle text-content-brand",
      "blue-10": "bg-blue-10 text-content-primary"
    }
  },
  defaultVariants: {
    size: "sm",
    colorScheme: "interaction-success-default"
  }
}), g = s(
  ({ size: t, colorScheme: e, className: i, ...n }, a) => /* @__PURE__ */ r.jsx(
    "span",
    {
      ref: a,
      className: o(l({ size: t, colorScheme: e }), i),
      ...n
    }
  )
);
export {
  g as Badge
};
