@blocklet/payment-react/es/payment/skeleton/overview.js

Reusable react components for payment kit v2

import { jsx, jsxs } from "react/jsx-runtime";
import { Fade, Skeleton, Stack, Typography } from "@mui/material";
export default function OverviewSkeleton() {
  return /* @__PURE__ */ jsx(Fade, { in: true, children: /* @__PURE__ */ jsxs(Stack, { direction: "column", children: [
    /* @__PURE__ */ jsx(
      Stack,
      {
        direction: "row",
        spacing: 2,
        sx: {
          alignItems: "center"
        },
        children: /* @__PURE__ */ jsx(Skeleton, { variant: "text", sx: { fontSize: "1.75rem", width: "40%" } })
      }
    ),
    /* @__PURE__ */ jsx(Skeleton, { sx: { mt: 2 }, variant: "rounded", height: 100 }),
    /* @__PURE__ */ jsx(
      Typography,
      {
        component: "div",
        variant: "h4",
        sx: {
          mt: 2
        },
        children: /* @__PURE__ */ jsx(Skeleton, {})
      }
    ),
    /* @__PURE__ */ jsx(Typography, { component: "div", variant: "h2", children: /* @__PURE__ */ jsx(Skeleton, {}) })
  ] }) });
}