import { CircularProgress, Dialog, Box } from "@mui/material";
import { Building } from "lucide-react";

export function ModalLoading() {
  return (
    <Dialog
      open={true}
      PaperProps={{
        style: {
          backgroundColor: 'transparent',
          boxShadow: 'none',
        },
      }}
      BackdropProps={{
        style: {
          backgroundColor: 'rgba(0,0,0,0.3)',
        },
      }}
    >
      <Box
        display="flex"
        flexDirection="column"
        justifyContent="center"
        alignItems="center"
        gap={1}
        width={100}
        height={100}
        borderRadius={4}
        bgcolor="#338660"
        p={3}
      >
        <Building className="w-10 h-10 text-white" />
        <CircularProgress
          size={18}
          sx={{ color: '#fff' }}
        />

        {/* <span className="text-[10px] font-bold text-white">Chargement...</span> */}
        
      </Box>
    </Dialog>
  );
}
