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

Reusable react components for payment kit v2

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
module.exports = PaymentSkeleton;
var _jsxRuntime = require("react/jsx-runtime");
var _material = require("@mui/material");
function PaymentSkeleton() {
  return /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Fade, {
    in: true,
    children: /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Stack, {
      direction: "column",
      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: 68
      }), /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Box, {
        sx: {
          mt: 1
        },
        children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
          component: "div",
          variant: "h4",
          sx: {
            mb: -1
          },
          children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Skeleton, {})
        }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
          component: "div",
          children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Skeleton, {
            height: 60
          })
        })]
      }), /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Box, {
        children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
          component: "div",
          variant: "h4",
          sx: {
            mb: -1
          },
          children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Skeleton, {})
        }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
          component: "div",
          children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Skeleton, {
            height: 60
          })
        })]
      }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
        children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Skeleton, {
          height: 60
        })
      })]
    })
  });
}