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

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

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.OpenExisting = void 0;
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const Input_1 = require("nice-ui/lib/2-inline-block/Input");
const Text_1 = require("nice-ui/lib/1-inline/Text");
const use_t_1 = require("use-t");
const useWindowSize_1 = tslib_1.__importDefault(require("react-use/lib/useWindowSize"));
const Button_1 = require("nice-ui/lib/2-inline-block/Button");
const Space_1 = require("nice-ui/lib/3-list-item/Space");
const SideTextLayout_1 = require("../SideTextLayout");
const OpenExisting = () => {
    const { width } = (0, useWindowSize_1.default)();
    const [t] = (0, use_t_1.useT)();
    const isSmall = width < 800;
    return (React.createElement(SideTextLayout_1.SideTextLayout, { title: t('Open existing'), left: React.createElement(Text_1.Text, { as: 'p', size: -2 }, t('Enter here the link or ID of the document you want to open.')), right: React.createElement("div", { style: { padding: `${isSmall ? 24 : 16}px 0 0`, maxWidth: 400 } },
            React.createElement(Input_1.Input, { label: 'Link or ID', value: '', onChange: (value) => { } }),
            React.createElement(Space_1.Space, { size: isSmall ? -1 : 1 }),
            React.createElement(Button_1.Button, { icon: React.createElement("span", null, "\uD83D\uDE80") }, t('Open'))) }));
};
exports.OpenExisting = OpenExisting;