import Box from '@mui/material/Box'
import Skeleton from '@mui/material/Skeleton'

export function SkeletonPage() {
  return (
    <Box sx={{ display: 'flex', flexDirection: 'column', gap: 2, py: 3 }}>
      <Skeleton variant="text" width="40%" height={48} />
      <Skeleton variant="rectangular" height={200} sx={{ borderRadius: 2 }} />
      <Skeleton variant="text" width="60%" />
      <Skeleton variant="text" width="80%" />
      <Skeleton variant="text" width="50%" />
    </Box>
  )
}