"use client";
/** CSS typing indicator loaded lazily with the rest of the reply UI. */
import { MessageAvatar } from "./message-avatar";
import styles from "./lottie-message-bubble.module.css";

export function LottieMessageBubble() {
  return (
    <div className={styles.bubbleRow} role="status" aria-label="AI typing">
      <MessageAvatar isFromAI={true} />
      <div className={styles.bubble}>
        <span className={styles.dot} />
        <span className={styles.dot} />
        <span className={styles.dot} />
      </div>
    </div>
  );
}
