@plteam/chat-ui/dist/views/chatUi/ChatPage.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 ChatTheme from '../core/ChatTheme';
import { useChatApiRef } from '../hooks/useChatApiRef';
import History from '../leftContainer/History';
import { useElementRef } from './../hooks/useElementRef';
import Chat from '../Chat';
import Stack from '@mui/material/Stack';
import Box from '@mui/material/Box';
import ChatMobileAppBar from './components/ChatMobileAppBar';
const ChatPage = (usersProps) => {
    const { historyProps, apiRef, loading, lang, className, ...chatProps } = usersProps;
    const chatApiRef = useChatApiRef();
    const ref = useElementRef();
    const userApiRef = apiRef ?? chatApiRef;
    return (React.createElement(ChatTheme, null,
        React.createElement(Stack, { flexDirection: { xs: 'column', sm: 'row' }, height: "inherit", width: "inherit", position: "relative", className: className },
            React.createElement(History, { apiRef: userApiRef, loading: loading, lang: lang, ...historyProps }),
            React.createElement(ChatMobileAppBar, { apiRef: userApiRef }),
            React.createElement(Box, { ref: ref, flex: 1, height: "100%", width: "100%", overflow: "auto", position: "relative" },
                React.createElement(Chat, { scrollerRef: ref, apiRef: userApiRef, loading: loading, lang: lang, ...chatProps })))));
};
export default ChatPage;