import { jsx as g } from "react/jsx-runtime";
import { useMemo as f } from "react";
import { c as u, r as B, s as b, a as v } from "../tools/tools.js";
const x = function(l) {
  const {
    as: d = "span",
    className: e,
    dropOldClass: t,
    rounded: a,
    style: o,
    variables: r,
    variant: s,
    variantType: n,
    ...c
  } = l, i = f(() => {
    const m = u(
      !t && "badge",
      s && (n === "bg" ? `bg-${s}` : `text-bg-${s}`),
      a && B(a),
      e
    ), p = b((N, y) => ({ tKey: v(y) }), r, o);
    return {
      className: m,
      style: p
    };
  }, [e, t, a, o, r, s, n]);
  return /* @__PURE__ */ g(d, { ...c, ...i });
};
x.displayName = "BRL.Badge";
export {
  x as B
};
//# sourceMappingURL=badge.js.map
