import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { getClassNames } from '@websolutespa/bom-core';
import { CanvasOffscreenProvider, useLlm } from '@websolutespa/bom-mixer-llm';
import { forwardRef } from 'react';
import '../../../scss/style.scss';
import style from './page-root.module.scss';
export const PageRoot = /*#__PURE__*/ forwardRef(function PageRoot({ opened, embedded, customIntro, mode }, ref) {
    const { Font, PageMain } = useLlm((state)=>state.components);
    const classNames = getClassNames(style.root, 'llm', {
        '-open': opened,
        '-embedded': embedded,
        '-custom-intro': customIntro,
        ['-' + mode]: true
    });
    return /*#__PURE__*/ _jsx("section", {
        ref: ref,
        className: classNames,
        "data-opened": opened,
        "data-embedded": embedded,
        "data-custom-intro": customIntro,
        "data-mode": mode,
        children: /*#__PURE__*/ _jsxs(CanvasOffscreenProvider, {
            children: [
                /*#__PURE__*/ _jsx(Font, {}),
                /*#__PURE__*/ _jsx(PageMain, {}, "main")
            ]
        })
    });
});

//# sourceMappingURL=page-root.js.map