@wq/material-web/components/Spinner.js

Web bindings for @wq/material

import React from "react";
import { Modal, CircularProgress } from "@mui/material";
import { useSpinner } from "@wq/react";
export default function Spinner() {
    const { active } = useSpinner();

    // FIXME: text, type
    return /*#__PURE__*/ React.createElement(
        Modal,
        {
            open: active,
        },
        /*#__PURE__*/ React.createElement(
            "div",
            {
                style: {
                    display: "flex",
                    alignItems: "center",
                    justifyContent: "center",
                    height: "100vh",
                },
            },
            /*#__PURE__*/ React.createElement(CircularProgress, null)
        )
    );
}