collaborative-ui
Version:
React component library for building real-time collaborative editing applications.
15 lines (14 loc) • 796 B
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.Title = void 0;
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const CollaborativeFlexibleInput_1 = require("../../CollaborativeFlexibleInput");
const Row_1 = require("./Row");
const Title = ({ str }) => {
const view = React.useSyncExternalStore(str.events.subscribe, str.events.getSnapshot);
return (React.createElement(Row_1.Row, { title: 'Title' },
React.createElement("h1", { style: { margin: 0, padding: 0, maxWidth: '100%', overflowX: 'auto' } },
React.createElement(CollaborativeFlexibleInput_1.CollaborativeFlexibleInput, { focus: true, str: () => str, typeahead: view ? '' : 'Title', fullWidth: true }))));
};
exports.Title = Title;