import { jsxs as t, jsx as s } from "react/jsx-runtime";
import { Card as a } from "../../components/Card.js";
import { TokenIcon as o } from "../../components/TokenIcon.js";
import { formatUsdAmount as l } from "../../utils/formatters/formatUsdAmount.js";
const d = ({ token: e, amount: r, amountUsd: m }) => /* @__PURE__ */ t(a, { className: "flex items-center justify-between gap-sw-md pl-sw-2xl py-sw-lg", children: [
  /* @__PURE__ */ s(o, { token: e, className: "border-sw-gray-900" }),
  /* @__PURE__ */ s("div", { className: "text-sw-label-md text-sw-gray-50 mr-auto", children: `${r} ${e.symbol}` }),
  /* @__PURE__ */ s("span", { className: "text-sw-label-sm text-sw-gray-200", children: l(m) })
] });
export {
  d as TokenRow
};
//# sourceMappingURL=TokenRow.js.map
