1  import { CircularProgress, Box, styled } from "@mui/material";
 2  
 3  const StyledLoading = styled("div")({
 4    width: "100%",
 5    height: "100%",
 6    display: "flex",
 7    alignItems: "center",
 8    justifyContent: "center",
 9    "& img": {
10      width: "auto",
11      height: "25px"
12    },
13    "& .circleProgress": {
14      position: "absolute",
15      left: -7,
16      right: 0,
17      top: "calc(50% - 25px)"
18    }
19  });
20  
21  export default function Loading() {
22    return (
23      <StyledLoading>
24        <Box position="relative">
25          <img src="/admin/assets/images/restai-logo.png" alt="" />
26          <CircularProgress className="circleProgress" />
27        </Box>
28      </StyledLoading>
29    );
30  }