Answer Controls Bar

export default function AnswerControlsBarExample() {
  const handleCopy = () => {
    console.log('Answer copied to clipboard')
  }

  const handleLike = () => {
    console.log('Answer liked')
  }

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

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

  return (
    <div className="border rounded-lg p-4 bg-white dark:bg-gray-800">
      <p className="text-gray-700 dark:text-gray-300 mb-4">
        This is a sample AI-generated answer that demonstrates the control bar functionality. 
        You can copy, like, dislike, or regenerate this content using the controls below.
      </p>
      
      <AnswerControlsBar
        timestamp="1:45"
        copied={false}
        onCopy={handleCopy}
        onLike={handleLike}
        onDislike={handleDislike}
        onRegenerate={handleRegenerate}
      />
    </div>
  )
}

interface AnswerControlsBarProps {
  timestamp?: string
  copied?: boolean
  onCopy?: () => void
  onLike?: () => void
  onDislike?: () => void
  onRegenerate?: () => void
}