import { Container } from '@/components/ui/section';

export default function Loading() {
  return (
    <Container wide className="py-10" aria-busy="true">
      <div className="h-3 w-16 animate-pulse bg-surface-3" />
      <div className="mt-3 h-9 w-56 animate-pulse bg-surface-3" />
      <div className="mt-8 grid grid-cols-2 gap-2 sm:grid-cols-3 lg:grid-cols-6">
        {Array.from({ length: 6 }).map((_, i) => (
          <div key={i} className="h-10 animate-pulse bg-surface-2" />
        ))}
      </div>
      <div className="mt-8 space-y-px">
        {Array.from({ length: 12 }).map((_, i) => (
          <div key={i} className="h-10 animate-pulse bg-surface-2/70" />
        ))}
      </div>
    </Container>
  );
}