Generated Image Card

export default function GeneratedImageCardExample() {
  const handleLike = () => {
    console.log('Image liked')
  }

  const handleDislike = () => {
    console.log('Image disliked')
  }

  const handleRegenerate = () => {
    console.log('Regenerating image')
  }

  const handleComplete = () => {
    console.log('Image generation completed')
  }

  return (
    <GeneratedImageCard
      src="https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=400&h=400&fit=crop"
      imageTitle="AI Generated Image"
      prompt="A serene mountain landscape at sunset with golden light"
      timestamp="2:30"
      hideControls={false}
      onLike={handleLike}
      onDislike={handleDislike}
      onRegenerate={handleRegenerate}
      onComplete={handleComplete}
      className="w-full"
    />
  )
}

interface GeneratedImageCardProps {
  src?: string | Blob | StaticImport
  imageTitle?: string | null
  width?: number
  height?: number
  className?: string
  timestamp?: string
  prompt?: string
  onLike?: () => void
  onDislike?: () => void
  onRegenerate?: () => void
  onComplete?: () => void
  hideControls?: boolean
}