interface ImagePlaceholderProps {
  height: string
  text: string
  className?: string
}

export function ImagePlaceholder({ height, text, className = '' }: ImagePlaceholderProps) {
  return (
    <div className={`${height} bg-secondary/30 rounded-lg flex items-center justify-center border-2 border-dashed border-border ${className}`}>
      <span className="text-muted-foreground font-medium text-center px-4">{text}</span>
    </div>
  )
}
