import { PageBody } from '@kit/ui/page';

export default function AccountLoading() {
  return (
    <PageBody>
      <div className="flex animate-pulse flex-col gap-6">
        <div className="bg-muted h-8 w-48 rounded-md" />
        <div className="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4">
          {[1, 2, 3, 4].map((i) => (
            <div key={i} className="bg-muted h-24 rounded-lg" />
          ))}
        </div>
        <div className="space-y-2">
          {[1, 2, 3, 4, 5, 6].map((i) => (
            <div key={i} className="bg-muted h-12 w-full rounded" />
          ))}
        </div>
      </div>
    </PageBody>
  );
}