@datalayer/core/lib/components/notebooks/JupyterNotebook.js

[](https://datalayer.io)

import { jsx as _jsx } from "react/jsx-runtime";
/*
 * Copyright (c) 2023-2025 Datalayer, Inc.
 * Distributed under the terms of the Modified BSD License.
 */
import { Box } from '@datalayer/primer-addons';
import { Lumino } from '@datalayer/jupyter-react';
export const JupyterNotebook = ({ boxPanel, height = '100%', }) => {
    return (_jsx("div", { style: { position: 'relative' }, children: _jsx(Box, { className: "jp-LabShell", sx: {
                position: 'relative',
                '& .dla-Jupyter-Notebook': {
                    height,
                    maxHeight: 1000,
                    width: '100%',
                },
                '& .jp-MainAreaWidget': {
                    width: '100%',
                    height,
                },
                '& .jp-Toolbar': {
                    width: '100% !important',
                },
                '& .jp-NotebookPanel-notebook': {
                    width: '100% !important',
                    height,
                },
                '& .lm-mod-hidden': {
                    display: 'unset !important',
                },
            }, children: _jsx(Lumino, { children: boxPanel }) }) }));
};
export default JupyterNotebook;