Snipper LoadingSpinner.tsx

100% Statements 2/2

100% Branches 3/3

100% Functions 1/1

100% Lines 2/2

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32  
 
 
 
 
 
 
278x
 
 
 
 
 
 
 
 
675x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import {
  Box,
  CircularProgress,
  CircularProgressProps,
  SxProps,
} from "@mui/material";
 
const LoadingSpinner = ({
  sx,
  color = "#8F8F8F",
  spinnerProps,
}: {
  color?: string;
  sx?: SxProps;
  spinnerProps?: CircularProgressProps;
}) => (
  <Box
    sx={{
      display: "flex",
      justifyContent: "center",
      alignItems: "center",
      height: "100vh",
      ...(sx && sx),
    }}
    data-testid="customer-view-loading-spinner"
  >
    <CircularProgress sx={{ color }} {...spinnerProps} />
  </Box>
);
 
export default LoadingSpinner;