collaborative-ui/lib/DemoDisplay/DisplayMonaco.js

React component library for building real-time collaborative editing applications.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const CollaborativeMonaco_1 = require("collaborative-monaco/lib/CollaborativeMonaco");
const DisplayMonaco = ({ model, path = [] }) => {
    try {
        const str = model.api.str(path);
        return (React.createElement("div", { style: { boxSizing: 'border-box', padding: 16, width: '100%', height: '100%' } }, !str ? null : React.createElement(CollaborativeMonaco_1.CollaborativeMonaco, { height: '200px', str: () => str })));
    }
    catch {
        return null;
    }
};
exports.default = DisplayMonaco;