import { Skeleton } from '@moex-vibe/design-system'
import { Box } from '@mui/material'

export function BrokerDashboardSkeleton() {
  return (
    <Box sx={{ display: 'grid', gap: 3 }} aria-label="Загрузка брокерского дашборда">
      <Skeleton height={120} shape="rounded" />
      <Skeleton height={300} shape="rounded" />
      <Skeleton height={300} shape="rounded" />
      <Skeleton height={260} shape="rounded" />
      <Skeleton height={260} shape="rounded" />
    </Box>
  )
}