welcome-ui/dist/Badge.js

Customizable design system with react, typescript, tailwindcss and ariakit.

"use client";
import { jsx as m } from "react/jsx-runtime";
import { forwardRef as u } from "react";
import { c } from "./index-PAaZGbyz.js";
const b = "_root_nle8k_2", f = {
  root: b,
  "disabled-default": "_disabled-default_nle8k_18",
  "disabled-primary": "_disabled-primary_nle8k_22",
  "rounded-md": "_rounded-md_nle8k_26",
  "rounded-sm": "_rounded-sm_nle8k_29",
  "size-md": "_size-md_nle8k_32",
  "size-sm": "_size-sm_nle8k_36",
  "variant-default": "_variant-default_nle8k_40",
  "variant-primary": "_variant-primary_nle8k_44"
}, g = c(f), k = u(
  ({
    children: e,
    className: a,
    disabled: r,
    size: t = "md",
    variant: s = "default",
    withNumberAbbreviation: d,
    ...n
  }, o) => {
    const i = Number.isInteger(e), _ = e.toString().length === 1, l = i && d && e > 99 ? "99+" : e;
    return /* @__PURE__ */ m(
      "div",
      {
        ...n,
        className: g(
          "root",
          r ? `disabled-${s}` : `variant-${s}`,
          `size-${t}`,
          _ && `rounded-${t}`,
          a
        ),
        ref: o,
        children: l
      }
    );
  }
);
k.displayName = "Badge";
export {
  k as Badge
};