"use client";
import { j as a } from "../../../../../../../node_modules/.pnpm/react@19.1.0/node_modules/react/jsx-runtime.mjs";
import n from "../../../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.mjs";
import "react";
import { ReactComponent as l } from "../../../../../../assets/images/TrashCan.svg.mjs";
import i from "../../../../../Button/index.mjs";
import e from "./index.module.scss.mjs";
function h(r) {
  let s = null;
  if (r.status === "DRAFT") {
    const t = /* @__PURE__ */ a.jsx(
      i,
      {
        htmlType: "button",
        "aria-label": `Remove token ID ${r.tokenId}`,
        type: "tertiary",
        onClick: r.onRemoveTap,
        rightIcon: /* @__PURE__ */ a.jsx(l, { fill: "var(--color-neutral-400)" }),
        className: e.removeButton
      }
    );
    s = /* @__PURE__ */ a.jsx("div", { className: e.singleButtonContainer, children: t }), r.error && (s = /* @__PURE__ */ a.jsxs("div", { className: n(e.container), children: [
      r.error && /* @__PURE__ */ a.jsx("span", { className: n("body-sm", e.errorText), children: r.error }),
      t
    ] }));
  }
  return r.status === "PENDING" && (s = /* @__PURE__ */ a.jsxs("div", { className: e.container, children: [
    /* @__PURE__ */ a.jsx("span", { className: n(e.pill, e.pending), children: "Depositing" }),
    r.url && /* @__PURE__ */ a.jsx(
      "a",
      {
        href: r.url,
        className: e.link,
        target: "_blank",
        rel: "noreferrer",
        children: "View on Explorer"
      }
    )
  ] })), r.status === "CONFIRMED" && (s = /* @__PURE__ */ a.jsxs("div", { className: e.container, children: [
    /* @__PURE__ */ a.jsx("span", { className: n(e.pill, e.success), children: "Ready" }),
    r.url && /* @__PURE__ */ a.jsx(
      "a",
      {
        href: r.url,
        className: e.link,
        target: "_blank",
        rel: "noreferrer",
        children: "View on Explorer"
      }
    )
  ] })), r.status === "ERROR" && (s = /* @__PURE__ */ a.jsxs("div", { className: e.container, children: [
    /* @__PURE__ */ a.jsxs("div", { className: e.errorContainer, children: [
      /* @__PURE__ */ a.jsx("span", { className: n(e.pill, e.error), children: "Deposit Failed" }),
      r.error && /* @__PURE__ */ a.jsx("span", { className: n("body-sm", e.errorText), children: r.error })
    ] }),
    /* @__PURE__ */ a.jsx("button", { onClick: r.onTryAgainTap, className: e.tryAgainButton, children: "Try again" })
  ] })), /* @__PURE__ */ a.jsxs("div", { className: e.base, children: [
    /* @__PURE__ */ a.jsx(
      "div",
      {
        className: n(
          e.detail,
          r.status === "ERROR" && e.errorText,
          r.status === "DRAFT" && r.error && e.errorText
        ),
        children: r.tokenId
      }
    ),
    s
  ] });
}
export {
  h as TokenIdRow
};
//# sourceMappingURL=index.mjs.map
