import Stack from '@material-hu/mui/Stack';

import HuCircularProgress from '@material-hu/components/design-system/ProgressIndicators/Spinner';

export const LoadingCall = () => {
  return (
    <Stack
      sx={{
        gap: theme => theme.spacing(2),
        alignItems: 'center',
        justifyContent: 'center',
        position: 'relative',
        width: '100%',
        height: '100%',
        backgroundColor: theme => theme.palette.base?.grey[800],
      }}
    >
      <HuCircularProgress size={40} />
    </Stack>
  );
};