@stanfordspezi/spezi-web-design-system/dist/Badge-CBf8Bl0F.mjs

Stanford Biodesign Digital Health Spezi Web Design System

import { jsx as o } from "react/jsx-runtime";
import { c as s } from "./index-CzIeYJrm.mjs";
import { c as d } from "./index-2NvaPZWc.mjs";
const n = s(
  "inline-flex-center border transition-colors focus-ring",
  {
    variants: {
      variant: {
        default: "border-transparent bg-primary text-primary-foreground shadow-sm hover:bg-primary/80",
        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
        destructive: "border-transparent bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/80",
        destructiveLight: "border-transparent bg-destructive/10 text-destructive",
        outline: "text-foreground"
      },
      size: {
        sm: "px-2.5 py-0.5 text-xs rounded-md gap-1 font-semibold",
        lg: "text-sm px-3 py-2 rounded-2xl gap-3 font-medium"
      }
    },
    defaultVariants: {
      variant: "default",
      size: "sm"
    }
  }
), u = ({ className: r, variant: e, size: t, ...a }) => /* @__PURE__ */ o("div", { className: d(n({ variant: e, size: t }), r), ...a });
export {
  u as B
};