import { User } from 'lucide-react';

export interface PlaceholderImageProps {
  size?: number;
  className?: string;
}

/**
 * Shared placeholder image component for when no avatar/logo URL is available
 */
export default function PlaceholderImage({ size = 48, className = '' }: PlaceholderImageProps) {
  return (
    <div
      className={`rounded-full bg-charcoal-outline flex items-center justify-center ${className}`}
      style={{ width: size, height: size }}
    >
      <User className="w-6 h-6 text-gray-400" />
    </div>
  );
}