import { Skeleton } from '@/components/ui/skeleton';

export default function DashboardListLoading() {
  return (
    <main className="flex min-h-screen justify-center px-6 py-10">
      <div className="w-full max-w-[1200px] space-y-6">
        <div className="space-y-2">
          <Skeleton className="h-8 w-48" />
          <Skeleton className="h-4 w-96" />
        </div>
        <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
          {Array.from({ length: 6 }).map((_, index) => (
            <Skeleton key={index} className="h-32 rounded-lg" />
          ))}
        </div>
      </div>
    </main>
  );
}
