"use client";
import { j as e } from "../../../node_modules/.pnpm/react@19.1.0/node_modules/react/jsx-runtime.mjs";
import { Progress as r } from "@mantine/core";
import t from "../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.mjs";
import s from "./AchievementProgress.module.scss.mjs";
function u({
  safeMintedCount: o,
  safeTotalCount: i,
  mintedProgress: c,
  mintableProgress: n,
  i18n: a = {
    achievementMintedLabel: "achievements minted"
  },
  rightIcon: l
}) {
  return /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs("div", { className: s.column, children: [
    /* @__PURE__ */ e.jsxs("div", { className: t(s.textContainer, s.noWrap), children: [
      /* @__PURE__ */ e.jsx("div", { children: o }),
      /* @__PURE__ */ e.jsx("div", { children: "/" }),
      /* @__PURE__ */ e.jsx("div", { children: i }),
      /* @__PURE__ */ e.jsx("div", { children: a.achievementMintedLabel })
    ] }),
    /* @__PURE__ */ e.jsxs("div", { className: s.progressRow, children: [
      /* @__PURE__ */ e.jsxs(
        r.Root,
        {
          className: s.progressRow,
          classNames: { section: s.progressSection },
          bg: "var(--color-neutral-600)",
          unstyled: !0,
          children: [
            /* @__PURE__ */ e.jsx(
              r.Section,
              {
                color: "var(--color-success-400)",
                value: c
              }
            ),
            /* @__PURE__ */ e.jsx(
              r.Section,
              {
                color: "var(--color-success-400-20)",
                value: n,
                className: s.noRadius
              }
            )
          ]
        }
      ),
      l
    ] })
  ] }) });
}
export {
  u as default
};
//# sourceMappingURL=index.mjs.map
