import { Skeleton } from "@/components/shared/skeleton"

export default function Loading() {
  return (
    <div className="max-w-2xl mx-auto space-y-6">
      <Skeleton className="h-5 w-24" />
      <div className="rounded-2xl border border-white/[0.06] bg-[#16161f] p-6 space-y-4">
        {Array.from({ length: 4 }).map((_, i) => (
          <div key={i} className="space-y-1.5">
            <Skeleton className="h-3 w-20" />
            <Skeleton className="h-10 w-full rounded-lg" />
          </div>
        ))}
        <Skeleton className="h-10 w-32 rounded-xl mt-2" />
      </div>
    </div>
  )
}
