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

Reusable react components for payment kit v2

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
module.exports = OverviewSkeleton;
var _jsxRuntime = require("react/jsx-runtime");
var _material = require("@mui/material");
function OverviewSkeleton() {
  return /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Fade, {
    in: true,
    children: /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Stack, {
      direction: "column",
      children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Stack, {
        direction: "row",
        spacing: 2,
        sx: {
          alignItems: "center"
        },
        children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Skeleton, {
          variant: "text",
          sx: {
            fontSize: "1.75rem",
            width: "40%"
          }
        })
      }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Skeleton, {
        sx: {
          mt: 2
        },
        variant: "rounded",
        height: 100
      }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
        component: "div",
        variant: "h4",
        sx: {
          mt: 2
        },
        children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Skeleton, {})
      }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
        component: "div",
        variant: "h2",
        children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Skeleton, {})
      })]
    })
  });
}