/*
 * Runtime Web – Unified Serverless Framework for Full-Stack TypeScript Applications
 * Documentation: https://runtimeweb.com/docs/getting-started
 *
 * @template: ai-chat
 */

/**
 * LoadingIndicator Component
 *
 * Displays a loading animation while AI is generating a response.
 */

import * as React from 'react';

/**
 * LoadingIndicator component shows "AI is thinking..." animation.
 */
export const LoadingIndicator: React.FC = () => {
    return (
        <div className="loading-indicator" role="status" aria-live="polite">
            <div className="loading-indicator__dots">
                <span className="loading-indicator__dot" />
                <span className="loading-indicator__dot" />
                <span className="loading-indicator__dot" />
            </div>
            <span className="loading-indicator__text">AI is thinking...</span>
        </div>
    );
};
