AI Prompt Quality Meter

import { AIPromptQualityMeter } from '@/blocks/ai-transparency/ai-prompt-quality-meter'
import { useState } from 'react'

export default function Example() {
 const [prompt, setPrompt] = useState('')

 return (
 <div>
 <textarea
 value={prompt}
 onChange={(e) => setPrompt(e.target.value)}
 placeholder="Enter your prompt..."
 className="w-full p-3 border rounded-lg"
 />

 <AIPromptQualityMeter
 prompt={prompt}
 showBreakdown={true}
 showSuggestions={true}
 onSuggestionClick={(factor, suggestion) => {
 console.log(`Improve ${factor}: ${suggestion}`)
 }}
 />
 </div>
 )
}