collaborative-ui/lib/JsonCrdtDemos/SideTextLayout/index.js

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

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.SideTextLayout = void 0;
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const Text_1 = require("nice-ui/lib/1-inline/Text");
const FixedColumn_1 = require("nice-ui/lib/3-list-item/FixedColumn");
const useWindowSize_1 = tslib_1.__importDefault(require("react-use/lib/useWindowSize"));
const SideTextLayout = ({ title, left, right }) => {
    const { width } = (0, useWindowSize_1.default)();
    const isSmall = width < 800;
    return (React.createElement(FixedColumn_1.FixedColumn, { left: 256, stack: isSmall },
        React.createElement("div", { style: { padding: '0 48px 0 0' } },
            !!title && React.createElement(Text_1.Text, { as: 'h2' }, title),
            left),
        React.createElement("div", null, right)));
};
exports.SideTextLayout = SideTextLayout;