export default function TypingIndicator({ active }) {
    if (!active) return null;
    return (
        <div class="typing-indicator">
            <div class="message-avatar">&#x1F916;</div>
                <div class="message-content typing-content" style="display:flex; align-items:center;">
                    <span style="font-style: italic; margin-right: 6px; opacity: 0.8;">Pondering</span>
                    <div class="typing-dots">
                        <span />
                        <span />
                        <span />
                </div>
            </div>
            
        </div>
    );
}
