"use client";
import { j as s } from "../../../../../node_modules/.pnpm/react@19.1.0/node_modules/react/jsx-runtime.mjs";
import l from "../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.mjs";
import e from "./ProgressKey.module.scss.mjs";
function o({
  safeMintedCount: i,
  safeTotalCount: a,
  direction: c = "row",
  i18n: r = {
    mintedLabel: "minted",
    notMintedLabel: "not minted"
  },
  ...t
}) {
  return /* @__PURE__ */ s.jsxs(
    "div",
    {
      ...t,
      className: l(e.keyContainer, e[c], t.className),
      children: [
        /* @__PURE__ */ s.jsxs("div", { className: e.keyRow, children: [
          /* @__PURE__ */ s.jsx("div", { className: l(e.circle, e.minted) }),
          /* @__PURE__ */ s.jsx("div", { className: "text--xs color-neutral-100", children: `${i} ${r.mintedLabel}` })
        ] }),
        /* @__PURE__ */ s.jsxs("div", { className: e.keyRow, children: [
          /* @__PURE__ */ s.jsx("div", { className: l(e.circle, e.notMinted) }),
          /* @__PURE__ */ s.jsx("div", { className: "text--xs color-neutral-100", children: `${a > i ? a - i : 0} ${r.notMintedLabel}` })
        ] })
      ]
    }
  );
}
export {
  o as default
};
//# sourceMappingURL=index.mjs.map
