import { jsx as t, jsxs as s } from "react/jsx-runtime";
import { ReceiptFillW700 as c } from "@material-symbols-svg/react-rounded/icons/receipt";
import { AccountBalanceWalletFillW700 as n } from "@material-symbols-svg/react-rounded/icons/account-balance-wallet";
import { Card as i } from "../../components/Card.js";
const a = {
  connect: {
    Icon: n,
    description: "Connect your wallet to see your transaction history"
  },
  empty: {
    Icon: c,
    description: "Once you make some transactions, the details will appear here."
  }
}, y = ({ type: e }) => {
  const { Icon: o, description: r } = a[e];
  return /* @__PURE__ */ t(i, { children: /* @__PURE__ */ s("div", { className: "flex flex-col items-center justify-center py-sw-3xl", children: [
    /* @__PURE__ */ t(o, { className: "w-[32px] h-[32px] text-sw-gray-200 mb-sw-lg" }),
    /* @__PURE__ */ t("p", { className: "text-sw-body-md text-sw-gray-300 text-center max-w-[265px]", children: r })
  ] }) });
};
export {
  y as TransactionHistoryEmpty
};
//# sourceMappingURL=TransactionHistoryEmpty.js.map
