import { Loader2 } from 'lucide-react';

interface PageLoadingProps {
  message?: string;
  size?: 'sm' | 'md' | 'lg';
}

export const PageLoading = ({ message = 'Loading...', size = 'md' }: PageLoadingProps) => {
  const sizeClasses = {
    sm: 'h-6 w-6',
    md: 'h-8 w-8', 
    lg: 'h-12 w-12'
  };

  const containerClasses = {
    sm: 'min-h-[200px]',
    md: 'min-h-[400px]',
    lg: 'min-h-[600px]'
  };

  return (
    <div className={`flex items-center justify-center ${containerClasses[size]}`}>
      <div className="flex flex-col items-center space-y-4">
        <Loader2 className={`animate-spin text-primary ${sizeClasses[size]}`} />
        <p className="text-sm text-muted-foreground animate-pulse">{message}</p>
      </div>
    </div>
  );
};

export default PageLoading; 