import { BodyText, Spinner, Stack } from '@servicetitan/design-system';
import { FC } from 'react';

interface IChatConnectingProps {
    className?: string;
}

export const ChatConnecting: FC<IChatConnectingProps> = ({ className }) => {
    return (
        <Stack
            direction="column"
            spacing="2"
            alignItems="center"
            className={className}
            data-cy="titan-chat-connecting"
        >
            <Stack direction="row" spacing="2" alignItems="center">
                <Spinner size="tiny" />
                <BodyText className="c-neutral-100">Starting...</BodyText>
            </Stack>
        </Stack>
    );
};