import { jsxs as l, jsx as e } from "react/jsx-runtime";
import { Card as c } from "../../components/Card.js";
import { SkeletonBox as s } from "../../components/SkeletonBox.js";
const a = () => /* @__PURE__ */ e(c, { padding: "none", children: /* @__PURE__ */ l("div", { className: "p-sw-lg flex flex-col gap-sw-md", children: [
  /* @__PURE__ */ l("div", { className: "flex items-center justify-between", children: [
    /* @__PURE__ */ e(s, { className: "h-[16px] w-[100px]" }),
    /* @__PURE__ */ e(s, { className: "h-[14px] w-[50px]" })
  ] }),
  /* @__PURE__ */ l("div", { className: "flex items-center justify-between", children: [
    /* @__PURE__ */ l("div", { className: "flex items-center gap-sw-md", children: [
      /* @__PURE__ */ e(s, { className: "h-[28px] w-[28px] rounded-full" }),
      /* @__PURE__ */ e(s, { className: "h-[16px] w-[80px]" })
    ] }),
    /* @__PURE__ */ e(s, { className: "h-[16px] w-[70px]" })
  ] })
] }) }), r = () => /* @__PURE__ */ l("div", { className: "flex flex-col gap-sw-md w-full", children: [
  /* @__PURE__ */ e(a, {}),
  /* @__PURE__ */ e(a, {}),
  /* @__PURE__ */ e(a, {})
] });
export {
  r as TransactionHistorySkeleton
};
//# sourceMappingURL=TransactionHistorySkeleton.js.map
