import { jsxs as r, jsx as t } from "react/jsx-runtime";
import "react";
import "@material-symbols-svg/react-rounded/icons/chevron-left";
import "../../utils/cn.js";
import "@material-symbols-svg/react-rounded/icons/close";
import "@material-symbols-svg/react-rounded/icons/emergency";
import "@material-symbols-svg/react-rounded/icons/error";
import "@material-symbols-svg/react-rounded/icons/verified";
import "@material-symbols-svg/react-rounded/icons/cached";
import "@headlessui/react";
import "@material-symbols-svg/react-rounded/icons/progress-activity";
import "../../config-D-Ik_SSx.js";
import "copy-text-to-clipboard";
import "@material-symbols-svg/react-rounded/icons/content-copy";
import "@material-symbols-svg/react-rounded/icons/check";
import "@material-symbols-svg/react-rounded/icons/arrow-downward";
import "../../components/Input.js";
import "../../components/InputAmount.js";
import "../../components/Notes.js";
import { TinyNumber as e } from "../../components/TinyNumber.js";
import { TokenIcon as s } from "../../components/TokenIcon.js";
import "@material-symbols-svg/react-rounded/icons/graphic-eq";
import "../../localisation.js";
import "../../constants/chains.js";
import "ethers";
import "../../logger.js";
import { formatUsdAmount as a } from "../../utils/formatters/formatUsdAmount.js";
import "../../components/ChainShortcut.js";
import "@radix-ui/react-tooltip";
import "@material-symbols-svg/react-rounded/icons/info";
import "chroma-js";
import "hsluv";
import "../../components/Steps.js";
const O = ({
  token: m,
  amount: p,
  usdAmount: o
}) => {
  const i = o ? parseFloat(o) : null;
  return /* @__PURE__ */ r("div", { className: "flex items-center justify-between", children: [
    /* @__PURE__ */ r("div", { className: "flex items-center gap-x-sw-lg", children: [
      /* @__PURE__ */ t(s, { token: m, size: "lg", className: "border-sw-gray-900" }),
      /* @__PURE__ */ r("span", { className: "text-sw-h5 text-sw-gray-50", children: [
        /* @__PURE__ */ t(e, { value: p }),
        " ",
        m.symbol
      ] })
    ] }),
    !!i && /* @__PURE__ */ t("span", { className: "text-sw-label-md text-sw-gray-400", children: a(i) })
  ] });
};
export {
  O as TransactionDetailsToken
};
//# sourceMappingURL=TransactionDetailsToken.js.map
