"use client";
import { j as s } from "../../../../../node_modules/.pnpm/react@19.1.0/node_modules/react/jsx-runtime.mjs";
import { useState as i } from "react";
import m from "../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.mjs";
import { ReactComponent as p } from "../../../../assets/images/DownArrow.svg.mjs";
import { ReactComponent as x } from "../../../../assets/images/ArrowTop.svg.mjs";
import o from "./RewardDepositTokensList.module.scss.mjs";
function w({
  children: e,
  className: n
}) {
  return /* @__PURE__ */ s.jsx("div", { className: m(o.rowBase, n), children: e });
}
function u({
  children: e,
  visibleByDefault: n = !1,
  tokenCount: r,
  i18n: t = {
    addedTokenCounterText: "IDs added:",
    collapseAllIds: "Collapse all IDs"
  }
}) {
  const [a, d] = i(n), l = () => {
    d((c) => !c);
  };
  return /* @__PURE__ */ s.jsxs("div", { className: o.tokensAddedContainer, children: [
    /* @__PURE__ */ s.jsxs("div", { className: o.tokensAddedActionsContainer, children: [
      /* @__PURE__ */ s.jsxs("span", { children: [
        t.addedTokenCounterText,
        " ",
        r
      ] }),
      /* @__PURE__ */ s.jsxs(
        "button",
        {
          type: "button",
          onClick: l,
          className: o.tokensAddedActions,
          children: [
            /* @__PURE__ */ s.jsx("span", { children: t.collapseAllIds }),
            a ? /* @__PURE__ */ s.jsx(p, { className: o.arrowDownIcon }) : /* @__PURE__ */ s.jsx(x, { className: o.arrowTopIcon })
          ]
        }
      )
    ] }),
    a && /* @__PURE__ */ s.jsx("div", { className: o.tokensAddedList, children: e })
  ] });
}
u.Row = w;
export {
  u as default
};
//# sourceMappingURL=index.mjs.map
