collaborative-ui/lib/JsonCrdtBlock/index.js

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

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.JsonCrdtBlock = void 0;
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const JsonCrdtDemoModel_1 = require("./JsonCrdtDemoModel");
const Card_1 = require("../Card");
const use_t_1 = require("use-t");
const IdLabel_1 = require("../atoms/IdLabel");
const JsonCrdtBlock = ({ block }) => {
    const [t] = (0, use_t_1.useT)();
    return (React.createElement(Card_1.Card, { header: React.createElement(Card_1.CardHeader, { title: t('Block'), left: React.createElement(IdLabel_1.IdLabel, null, block.id) }) },
        React.createElement(JsonCrdtDemoModel_1.JsonCrdtDemoModel, { model: block.session.model })));
};
exports.JsonCrdtBlock = JsonCrdtBlock;