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