components/TypingIndicator.jsx

export default function TypingIndicator() {
  return (
    <div className="flex justify-start mb-4">
      <div className="assistant-bubble flex items-center space-x-1 p-3">
        <div className="w-2 h-2 bg-gray-500 rounded-full animate-pulse-dots"></div>
        <div className="w-2 h-2 bg-gray-500 rounded-full animate-pulse-dots" style={{ animationDelay: '0.2s' }}></div>
        <div className="w-2 h-2 bg-gray-500 rounded-full animate-pulse-dots" style={{ animationDelay: '0.4s' }}></div>
      </div>
    </div>
  )
}