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

export default function ApiKeysLoading() {
  return (
    <div className="py-6 sm:py-8 px-4 sm:px-6 max-w-[1400px] mx-auto">
      <Skeleton className="h-8 w-32 mb-6" />
      <div className="space-y-4">
        {Array.from({ length: 3 }).map((_, i) => (
          <div key={i} className="flex items-center gap-4 p-4 rounded-lg border">
            <div className="flex-1 space-y-2">
              <Skeleton className="h-4 w-40" />
              <Skeleton className="h-3 w-56" />
            </div>
            <Skeleton className="h-8 w-16 rounded-md" />
          </div>
        ))}
      </div>
    </div>
  )
}
