"use client";

/** Reusable loading skeleton for admin pages */
export function AdminSkeleton({ rows = 3 }: { rows?: number }) {
  return (
    <div className="space-y-6 animate-pulse">
      {/* Title skeleton */}
      <div className="h-8 w-48 rounded-lg bg-neutral-800" />
      {/* Content skeletons */}
      {Array.from({ length: rows }, (_, i) => (
        <div key={i} className="space-y-3">
          <div className="h-4 w-24 rounded bg-neutral-800" />
          <div className="h-10 w-full rounded-lg bg-neutral-800" />
        </div>
      ))}
    </div>
  );
}