Projects/front/src/components/admin/AdminLoadingError.tsx

// src/components/admin/AdminLoadingError.tsx
import { Loader2, AlertCircle, RefreshCw } from "lucide-react";

interface AdminLoadingErrorProps {
  loading: boolean;
  error: string;
  onRetry: () => void;
  children: React.ReactNode;
}

export function AdminLoadingError({ loading, error, onRetry, children }: AdminLoadingErrorProps) {
  if (loading) {
    return (
      <div className="flex items-center justify-center py-12">
        <Loader2 className="w-8 h-8 animate-spin text-primary" />
      </div>
    );
  }

  if (error) {
    return (
      <div className="flex flex-col items-center justify-center py-12 text-center">
        <AlertCircle className="w-12 h-12 text-red-500 mb-4" />
        <p className="text-gray-600 mb-4">{error}</p>
        <button onClick={onRetry} className="inline-flex items-center gap-2 px-4 py-2 bg-primary text-white rounded-lg">
          <RefreshCw className="w-4 h-4" /> Retry
        </button>
      </div>
    );
  }

  return <>{children}</>;
}