import { ChatMessageModelText, ChatMessageModelWelcome } from '@servicetitan/titan-chat-ui-common';
import { observer } from 'mobx-react';
import { FC } from 'react';
import { MarkdownText } from '../common/markdown-text';
import { MultilineText } from '../common/multiline-text';

interface IMessageContentTextProps {
    className?: string;
    message: ChatMessageModelText | ChatMessageModelWelcome;
    useMarkdown?: boolean;
    ['data-cy']?: string;
}

export const MessageContentText: FC<IMessageContentTextProps> = observer(
    ({ className, message, useMarkdown = true, ...rest }) => {
        const dataCy = rest['data-cy'] ?? 'titan-chat-text';
        return (
            <div className={className} data-cy={dataCy}>
                {useMarkdown ? (
                    <MarkdownText text={message.message} data-cy="titan-chat-text-markdown" />
                ) : (
                    <MultilineText text={message.message} data-cy="titan-chat-text-multiline" />
                )}
            </div>
        );
    }
);