@memori.ai/memori-react/esm/components/layouts/ZoomedFullBody.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 { useEffect } from 'react';
import Spin from '../ui/Spin';
const ZoomedFullBodyLayout = ({ Header, headerProps, Avatar, avatarProps, Chat, chatProps, StartPanel, startPanelProps, integrationStyle, integrationBackground, sessionId, hasUserActivatedSpeak, loading = false, poweredBy, }) => {
    useEffect(() => {
        document.body.style.overflow = 'hidden';
        return () => {
            document.body.style.overflow = '';
        };
    }, []);
    return (_jsxs(_Fragment, { children: [integrationStyle, integrationBackground, _jsxs(Spin, { className: "memori-spin--zoomed-full-body", spinning: loading, children: [Header && headerProps && _jsx(Header, { ...headerProps }), _jsxs("div", { className: "memori--grid", children: [_jsxs("div", { className: "memori--grid-column memori--grid-column-left", children: [Avatar && avatarProps && (_jsx(Avatar, { chatProps: chatProps, isZoomed: true, ...avatarProps })), _jsx("div", { id: "extension" })] }), _jsx("div", { className: "memori--grid-column memori--grid-column--zoomed-full-body memori--grid-column-right", children: sessionId && hasUserActivatedSpeak && Chat && chatProps ? (_jsx(Chat, { ...chatProps })) : startPanelProps ? (_jsx(StartPanel, { ...startPanelProps })) : null }), _jsx("div", { className: "memori--powered-by-custom", children: poweredBy })] })] })] }));
};
export default ZoomedFullBodyLayout;
//# sourceMappingURL=ZoomedFullBody.js.map