@plteam/chat-ui/dist/views/message/AssistantTextBlock.js

CUI Kit is a free and open-source library for creating AI assistant chat interfaces, built with React, Material UI, and TypeScript

import * as React from 'react';
import MessageMarkdownBlock from './markdown/MessageMarkdownBlock';
import { useObserverValue } from '../hooks/useObserverValue';
import { useChatSlots } from '../core/ChatSlotsContext';
import Stack from '@mui/material/Stack';
const AssistantTextBlock = ({ messageText, message, showStatus, inProgress }) => {
    const text = useObserverValue(messageText.observableText) ?? '';
    const { slots, slotProps } = useChatSlots();
    return (React.createElement(Stack, { gap: 1 },
        !!showStatus && (React.createElement(slots.messageAssistantStatus, { ...slotProps.messageAssistantStatus, message: message })),
        !!text && (React.createElement(MessageMarkdownBlock, { text: text, messageId: message.id, rootComponent: slots.markdownMessageRoot, rootComponentProps: slotProps.markdownMessageRoot, inProgress: inProgress }))));
};
export default AssistantTextBlock;