import { jsxs as s, jsx as r } from "react/jsx-runtime";
import m from "../box/Box.js";
import n from "../icon/components/icon-extend/IconExtend.js";
import d from "../text/Text.js";
import { c as l } from "../../index-BtlgVD4m.js";
import { badgeVariants as p } from "./types/BadgeVariant.js";
const f = ({ label: a, variant: t = "default", icon: e, ref: i, ...o }) => /* @__PURE__ */ s(
  m,
  {
    ref: i,
    className: l([
      "inline-flex",
      "h-[var(--height-h-5)]",
      "px-[var(--spacing-2-5)]",
      "justify-center",
      "items-center",
      "gap-[var(--spacing-1)]",
      "rounded-[var(--border-radius-full)]",
      "whitespace-nowrap",
      "overflow-hidden",
      "max-w-full",
      "w-fit",
      ...p[t]
    ]),
    ...o,
    children: [
      e && /* @__PURE__ */ r(n, { icon: e, size: 10 }),
      /* @__PURE__ */ r(d, { type: "xs", weight: "semibold", truncate: !0, children: a })
    ]
  }
);
f.displayName = "Badge";
export {
  f as default
};
//# sourceMappingURL=Badge.js.map
