collaborative-ui
Version:
React component library for building real-time collaborative editing applications.
20 lines (19 loc) • 985 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 useWindowSize_1 = tslib_1.__importDefault(require("react-use/lib/useWindowSize"));
const Text_1 = require("nice-ui/lib/1-inline/Text");
const demos = tslib_1.__importStar(require("../demos"));
const useModel_1 = require("../../hooks/useModel");
const Title = ({ file }) => {
const { width } = (0, useWindowSize_1.default)();
const model = file.session.model;
const demo = (0, useModel_1.useModel)(model, () => model.s.demo.toView());
const isSmall = width < 1000;
const definition = demos.get(demo);
return (React.createElement("div", { style: { padding: '16px 0 32px' } },
React.createElement(Text_1.Text, { as: 'h1', font: 'ui2', kind: "bold", style: { fontSize: '48px', margin: '0 0 8px' } }, definition?.title ?? 'Detached')));
};
exports.Title = Title;