RootZanli & NinjaCr3

: / home / o5t6x7pgljbm / public_html / tuitioncoin.org / src / components / SmallComponents /

Filename : loading.jsx

back

import Backdrop from "@mui/material/Backdrop";
import { makeStyles } from "@mui/styles";
import { RingLoader } from "react-spinners";

const useStyles = makeStyles(() => ({
  backdrop: {
    zIndex: 220000000,
    color: "#fff",
  },
}));

export default function Loading({ loading }) {
  const classes = useStyles();
  return (
    <div>
      <Backdrop className={classes.backdrop} open={loading}>
        <RingLoader color="#ffffff" size={150} />
      </Backdrop>
    </div>
  );
}