"use client";
import { j as s } from "../../../../../node_modules/.pnpm/react@19.1.0/node_modules/react/jsx-runtime.mjs";
import a from "../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.mjs";
import e from "./index.module.scss.mjs";
const c = {
  rewards: "Claimable Rewards"
};
function v({
  numClaimed: i,
  numTotal: r,
  i18n: d = c,
  children: n,
  className: m,
  ...t
}) {
  let l = null;
  return i !== void 0 && r !== void 0 && (l = /* @__PURE__ */ s.jsxs("div", { className: a("button", e.claimedContainer), children: [
    /* @__PURE__ */ s.jsx("div", { className: e.numClaimed, children: i }),
    /* @__PURE__ */ s.jsx("div", { className: e.numTotal, children: "/" }),
    /* @__PURE__ */ s.jsx("div", { className: e.numTotal, children: r })
  ] })), /* @__PURE__ */ s.jsxs("div", { className: a(e.rewardsContainer, m), ...t, children: [
    /* @__PURE__ */ s.jsxs("div", { className: e.titleBar, children: [
      /* @__PURE__ */ s.jsx("div", { className: a("body-sm", e.rewardTitle), children: d.rewards }),
      l
    ] }),
    /* @__PURE__ */ s.jsx("div", { className: e.separator }),
    /* @__PURE__ */ s.jsx("div", { children: n })
  ] });
}
export {
  v as Rewards,
  c as defaultI18n
};
//# sourceMappingURL=index.mjs.map
