import { Skeleton } from '@/components/ui/skeleton';
import { cn } from '@/lib/utils';

interface OptimizedImageSkeletonProps {
  width?: number;
  height?: number;
  className?: string;
}

/**
 * Skeleton pour l'état Loading d'OptimizedImage.
 * Utilise les layout primitives (pas de valeurs arbitraires).
 */
export function OptimizedImageSkeleton({
  width,
  height,
  className,
}: OptimizedImageSkeletonProps) {
  return (
    <Skeleton
      className={cn('rounded-lg', className)}
      style={{ width, height }}
      aria-hidden="true"
    />
  );
}