import CircularProgress from "@mui/material/CircularProgress";

type PropsType = {
  bgColor?: string;
};
const AppLoading = ({ bgColor = "#9e9e9e26" }: PropsType) => {
  
  return (
    <div className={`fixed inset-0 flex items-center justify-center bg-[${bgColor}] z-50`}>
      <div className="loader">
        <CircularProgress />
      </div>
    </div>
  )
}

export default AppLoading;