@memori.ai/memori-react/esm/components/layouts/Chat.js

[](https://www.npmjs.com/package/@memori.ai/memori-react)  ![TypeScript Support](https

import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
import Spin from '../ui/Spin';
const ChatLayout = ({ Header, headerProps, Chat, chatProps, StartPanel, startPanelProps, integrationStyle, integrationBackground, sessionId, hasUserActivatedSpeak, loading = false, poweredBy, }) => (_jsxs(_Fragment, { children: [integrationStyle, integrationBackground, _jsxs(Spin, { spinning: loading, className: "memori-chat-layout", children: [poweredBy, _jsx("div", { className: "memori-chat-layout--header", children: Header && headerProps && _jsx(Header, { ...headerProps }) }), _jsx("div", { id: "extension" }), _jsx("div", { className: "memori-chat-layout--controls", children: sessionId && hasUserActivatedSpeak && Chat && chatProps ? (_jsx(Chat, { ...chatProps })) : startPanelProps ? (_jsx(StartPanel, { ...startPanelProps })) : null })] })] }));
export default ChatLayout;
//# sourceMappingURL=Chat.js.map