veza/apps/web/src/components/ui/optimized-image/OptimizedImageSkeleton.tsx

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 (
    <div
      className={cn(
        'bg-muted animate-pulse rounded-lg',
        className,
      )}
      style={{ width, height }}
      aria-hidden="true"
    />
  );
}