import { jsx as o, jsxs as a } from "react/jsx-runtime";
import { useToken as s } from "@argent/x-shared";
import h from "../../../features/icons/SendSecondaryIcon.js";
import { Center as n, Box as m, Image as u } from "@chakra-ui/react";
import { UnknownTokenIcon as p } from "./UnknownTokenIcon.js";
const w = ({ transaction: d, networkId: t }) => {
  var r, i;
  const e = s({
    address: ((i = (r = d == null ? void 0 : d.activity) == null ? void 0 : r.value) == null ? void 0 : i.token.address) || "0x0",
    networkId: t
  });
  return /* @__PURE__ */ o(n, { "data-testid": "send-transaction-icon", children: /* @__PURE__ */ o(m, { height: "14", width: "14", position: "relative", children: /* @__PURE__ */ a(n, { w: "14", h: "14", background: "neutrals.600", borderRadius: "90", boxShadow: "menu", padding: "4", children: [
    /* @__PURE__ */ o(h, { fontSize: "4xl", color: "white" }),
    e ? /* @__PURE__ */ o(n, { w: "28px", h: "28px", background: "neutrals.900", borderRadius: "90", boxShadow: "menu", padding: "1", position: "absolute", zIndex: "1", right: "-1", bottom: "-1", children: /* @__PURE__ */ o(u, { src: e == null ? void 0 : e.image, height: "5", width: "5", zIndex: "2" }) }) : /* @__PURE__ */ o(p, { w: "28px", h: "28px", background: "neutrals.900", borderRadius: "90", boxShadow: "menu", padding: "1", position: "absolute", zIndex: "1", right: "-1", bottom: "-1" })
  ] }) }) });
};
export {
  w as SendTransactionIcon
};
