"use client";
import { j as e } from "../../../node_modules/.pnpm/react@19.1.0/node_modules/react/jsx-runtime.mjs";
import { faX as T } from "../../../node_modules/.pnpm/@fortawesome_free-solid-svg-icons@6.7.2/node_modules/@fortawesome/free-solid-svg-icons/index.mjs";
import { FontAwesomeIcon as p } from "../../../node_modules/.pnpm/@fortawesome_react-fontawesome@0.2.2_@fortawesome_fontawesome-svg-core@6.7.2_react@19.1.0/node_modules/@fortawesome/react-fontawesome/index.es.mjs";
import { Menu as l } from "@mantine/core";
import m from "../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.mjs";
import "react";
import { ReactComponent as w } from "../../assets/images/ChevronLeft.svg.mjs";
import { ReactComponent as v } from "../../assets/images/ChevronRight.svg.mjs";
import { ReactComponent as I } from "../../assets/images/PlusCircleOutline.svg.mjs";
import { ReactComponent as L } from "../../assets/images/TrophyOutline.svg.mjs";
import G from "../Button/index.mjs";
import c from "../CircularButton/index.mjs";
import a from "./AchievementNav.module.scss.mjs";
function z({
  freeMints: o,
  basketAmount: r,
  previousButtonProps: s,
  nextButtonProps: h,
  i18n: i = {
    freeMintsLabel: "Free mints",
    addThisGameText: "Add this game",
    gamesToMintLabelText: "Games to mint"
  },
  showPreviousButton: x = !1,
  showNextButton: j = !1,
  onGameAdd: f = () => {
    console.log("game add clicked");
  },
  gamesAdded: t,
  showGameAddButton: N
}) {
  const g = /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(p, { icon: T }) }), C = t.map((n) => /* @__PURE__ */ e.jsxs(
    l.Item,
    {
      className: a.gameAddedContainer,
      onClick: n.onGameRemove,
      children: [
        /* @__PURE__ */ e.jsx("div", { className: "body", children: n.title }),
        g
      ]
    },
    n.title
  )), b = /* @__PURE__ */ e.jsx(I, {});
  let d = "";
  return t.length === 0 && (d = a.disabledTrophy), /* @__PURE__ */ e.jsxs("div", { className: a.row, children: [
    /* @__PURE__ */ e.jsxs("div", { className: a.left, children: [
      x ? /* @__PURE__ */ e.jsx(
        c,
        {
          ...s,
          className: m(
            s == null ? void 0 : s.className,
            a.navItem
          ),
          children: /* @__PURE__ */ e.jsx(w, { width: "16", height: "16" })
        }
      ) : null,
      j ? /* @__PURE__ */ e.jsx(
        c,
        {
          ...h,
          className: m(
            s == null ? void 0 : s.className,
            a.navItem
          ),
          children: /* @__PURE__ */ e.jsx(v, { width: "16", height: "16" })
        }
      ) : null
    ] }),
    /* @__PURE__ */ e.jsxs("div", { className: a.right, children: [
      /* @__PURE__ */ e.jsxs("div", { className: "text--md", children: [
        i.freeMintsLabel,
        ":",
        " ",
        /* @__PURE__ */ e.jsx("span", { className: "weight--semibold", children: o })
      ] }),
      /* @__PURE__ */ e.jsxs(
        l,
        {
          position: "bottom-end",
          shadow: "md",
          trigger: "hover",
          classNames: {
            dropdown: a.dropdown,
            itemLabel: a.itemLabel,
            item: a.item
          },
          children: [
            /* @__PURE__ */ e.jsx(l.Target, { children: /* @__PURE__ */ e.jsxs("div", { className: m(a.basket, d), children: [
              /* @__PURE__ */ e.jsx(L, { width: "22", height: "22" }),
              /* @__PURE__ */ e.jsx("div", { className: m(a.badge, "menu"), children: r })
            ] }) }),
            t.length > 0 ? /* @__PURE__ */ e.jsxs(l.Dropdown, { className: a.dropdownContainer, children: [
              N ? /* @__PURE__ */ e.jsx(l.Item, { className: a.addThisGameContainer, children: /* @__PURE__ */ e.jsx(
                G,
                {
                  type: "secondary",
                  leftIcon: b,
                  onClick: f,
                  className: a.addThisGameButton,
                  id: "addThisGameButtonId",
                  children: i.addThisGameText
                }
              ) }) : null,
              /* @__PURE__ */ e.jsx(l.Label, { className: a.menuLabel, children: i.gamesToMintLabelText }),
              C
            ] }) : null
          ]
        }
      )
    ] })
  ] });
}
export {
  z as default
};
//# sourceMappingURL=index.mjs.map
