import { type FC } from 'react';

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

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

const ArticleDetailSkeleton: FC = () => {
  return (
    <Stack sx={{ gap: 2 }}>
      <Stack
        direction="row"
        sx={{ justifyContent: 'space-between', alignItems: 'center' }}
      >
        <Skeleton
          height={35}
          width={100}
        />
        <Skeleton
          height={35}
          width={35}
        />
      </Stack>
      <Skeleton height={344} />
      <Skeleton height={200} />
    </Stack>
  );
};

export default ArticleDetailSkeleton;
