import React from 'react';

const TypingIndicator = () => (
  <div className="flex items-center gap-1.5 p-2">
    <span className="h-2 w-2 bg-current rounded-full animate-pulse [animation-delay:-0.3s]"></span>
    <span className="h-2 w-2 bg-current rounded-full animate-pulse [animation-delay:-0.15s]"></span>
    <span className="h-2 w-2 bg-current rounded-full animate-pulse"></span>
  </div>
);

export default React.memo(TypingIndicator);