import { Box, CircularProgress, Typography } from "@mui/material";

const Loader = ({ loaderText }: { loaderText?: string }) => {
  return (
    <Box
      display={"flex"}
      justifyContent="center"
      alignItems={"center"}
      flexDirection={"column"}
      gap={2}
      paddingBlock={2}
      height={"100%"}
      width={"100%"}
    >
      <CircularProgress />
      {loaderText && <Typography variant="h6">{loaderText}</Typography>}
    </Box>
  );
};

export default Loader;