collaborative-ui
Version:
React component library for building real-time collaborative editing applications.
29 lines (28 loc) • 957 B
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.Content = void 0;
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const CollaborativeInput_1 = require("../../CollaborativeInput");
const nano_theme_1 = require("nano-theme");
const Row_1 = require("./Row");
const css = {
input: (0, nano_theme_1.drule)({
w: '100%',
minW: '100%',
maxW: '100%',
bxz: 'border-box',
bdrad: '4px',
pad: '8px',
minH: '100px',
}),
};
const Content = ({ str }) => {
const theme = (0, nano_theme_1.useTheme)();
return (React.createElement(Row_1.Row, { title: 'Content' },
React.createElement(CollaborativeInput_1.CollaborativeInput, { multiline: true, className: css.input({
bd: `1px solid ${theme.g(0.9)}`,
bg: theme.g(0.995),
}), str: () => str })));
};
exports.Content = Content;