"use client";
import { c as n } from "../../../index-UgeK3A8s.js";
import { cn as a } from "../../../lib/utils.js";
import { u as o } from "../../../useRender-BNXBkp2o.js";
import { m as s } from "../../../useRenderElement-DNB2vtF1.js";
const d = n(
  "group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden whitespace-nowrap rounded-md border border-transparent px-2 py-0.5 font-medium text-xs transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!",
  {
    variants: {
      variant: {
        default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
        secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
        destructive: "bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
        outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
        ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
        link: "text-link underline-offset-4 hover:underline",
        success: "bg-success text-success-foreground [a]:hover:bg-success/90",
        warning: "bg-warning text-warning-foreground [a]:hover:bg-warning/90"
      }
    },
    defaultVariants: {
      variant: "default"
    }
  }
);
function f({
  className: r,
  variant: e = "default",
  render: t,
  ...i
}) {
  return o({
    defaultTagName: "span",
    props: s(
      {
        className: a(d({ variant: e }), r)
      },
      i
    ),
    render: t,
    state: {
      slot: "badge",
      variant: e
    }
  });
}
export {
  f as Badge,
  d as badgeVariants
};
