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

export default function ProfilerLoading() {
  return (
    <div className="py-6 sm:py-8 px-4 sm:px-6 max-w-[1400px] mx-auto">
      {/* Header */}
      <div className="mb-6">
        <div className="flex items-center gap-3 mb-4">
          <Skeleton className="h-8 w-8 rounded-md" />
          <Skeleton className="h-7 w-48" />
        </div>
        <Skeleton className="h-5 w-64" />
      </div>

      {/* Profiler content */}
      <div className="bg-card rounded-xl border border-border p-6">
        <Skeleton className="h-[500px] w-full rounded-md" />
      </div>
    </div>
  )
}
