AI Image Generator
setPrompt(e.target.value)}
onKeyDown={(e) => e.key === 'Enter' && handleGenerate()}
placeholder="Describe your image..."
className="flex-1 rounded-lg border border-gray-300 px-4 py-3 text-lg focus:border-purple-500 focus:outline-none focus:ring-2 focus:ring-purple-500"
/>
{error && (
{error}
)}
{images.map((url, index) => (
))}
{images.length === 0 && !loading && (
Generate your first image to get started
)}