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

import Skeleton from '@material-hu/components/design-system/Skeleton';

const SurveyCompletionSkeleton = () => {
  return (
    <Stack sx={{ gap: 3, width: 1 }}>
      <Skeleton
        width={250}
        height={34}
      />
      <Skeleton
        width="100%"
        height={130}
      />
      <Skeleton
        width="100%"
        height={130}
      />
      <Skeleton
        width="100%"
        height={130}
      />
    </Stack>
  );
};

export default SurveyCompletionSkeleton;
