collaborative-ui/lib/CollaborativeTextarea/index.stories.js

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

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Default = void 0;
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const _1 = require(".");
const json_crdt_1 = require("json-joy/lib/json-crdt");
const JsonCrdtModel_1 = require("../JsonCrdtModel");
exports.default = {
    component: _1.CollaborativeTextarea,
    title: '<CollaborativeTextarea>',
};
const model = json_crdt_1.Model.create(json_crdt_1.s.str('John Doe'));
const str = () => model.s.toApi();
exports.Default = {
    render: () => {
        return (React.createElement("div", null,
            React.createElement(_1.CollaborativeTextarea, { str: str }),
            React.createElement("br", null),
            React.createElement("br", null),
            React.createElement(JsonCrdtModel_1.JsonCrdtModel, { model: model })));
    },
};