@achs/webkit
Version:
Conjunto de componentes de UI con el estilo del Sistema de Diseño ACHS (Asociación Chilena de Seguridad), para reutilizar de forma transversal en las aplicaciones web de ACHS. Construido con **React 19**, **TypeScript** y **Vite**, con soporte para las
35 lines (34 loc) • 797 B
JavaScript
import { jsx as $, jsxs as b } from "react/jsx-runtime";
import { forwardRef as g } from "react";
import s from "./Badge.module.scss.mjs";
const h = g(({
count: a,
dot: r = !1,
max: e = 99,
color: i = "error",
children: l,
showZero: n = !1,
className: t,
...f
}, m) => {
const o = typeof a == "number", p = !r && o && a === 0 && !n, c = o && a > e ? `${e}+` : a, d = !p && /* @__PURE__ */ $(
"span",
{
ref: m,
className: `${s.badge} ${r ? s.dot : ""} ${t ?? ""}`.trim(),
"data-color": i,
"aria-label": r ? void 0 : `${a}`,
...f,
children: !r && c
}
);
return l ? /* @__PURE__ */ b("span", { className: s.anchor, children: [
l,
d
] }) : d || null;
});
h.displayName = "Badge";
export {
h as Badge,
h as default
};