import { Paper, Stack, useTheme } from '@mui/material';

import ListItem from '../../../../design-system/List/components/ListItem';

const ModuleAccordionSkeleton = () => {
  const { palette, shape } = useTheme();

  return (
    <Stack
      elevation={1}
      component={Paper}
      sx={{
        backgroundColor: palette.new.background.elements.default,
        borderRadius: shape.borderRadiusS,
      }}
    >
      <ListItem
        loading
        sx={{ '& .MuiListItem-root': { p: 0 } }}
      />
    </Stack>
  );
};

export default ModuleAccordionSkeleton;
