import { jsx as a, jsxs as i } from "react/jsx-runtime";
import s from "../../utils/classNames.js";
const W = (r) => {
  const {
    value: m = 0,
    total: e,
    label: l,
    labelPosition: t = "bottom",
    labelClassName: c,
    valueClassName: n,
    className: d,
    clickable: b = !1,
    onClick: N = () => {
    },
    ...u
  } = r, p = s(
    "StatsWidgetNumber",
    t === "top" && "label-position-top",
    b && "cursor-pointer",
    d
  ), o = l && /* @__PURE__ */ a("div", { className: s("StatsWidgetNumber-label", c), children: l }), v = /* @__PURE__ */ i("div", { className: "StatsWidgetNumber-counter", children: [
    /* @__PURE__ */ a("div", { className: s("StatsWidgetNumber-value", n), children: m }),
    (e || e === 0) && /* @__PURE__ */ a("div", { className: "StatsWidgetNumber-total", children: e })
  ] });
  return /* @__PURE__ */ i("div", { ...u, onClick: N, className: p, children: [
    t === "top" && o,
    v,
    t === "bottom" && o
  ] });
};
export {
  W as default
};
//# sourceMappingURL=StatsWidgetNumber.js.map
