import Skeleton from '@mui/material/Skeleton';
import Stack from '@mui/material/Stack';

/** The auth-card shape (`/login`) — a centered brand mark + a card-sized block. */
export default function Loading() {
  return (
    <Stack sx={{ alignItems: 'center', justifyContent: 'center', minHeight: '60vh', gap: 2.5 }}>
      <Skeleton variant="circular" width={56} height={56} />
      <Skeleton variant="rounded" width={320} height={220} sx={{ maxWidth: '90vw', borderRadius: 'var(--bal-radius-lg)' }} />
    </Stack>
  );
}
