collaborative-ui/lib/examples/Blogpost/Row.js

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

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Row = void 0;
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const nano_theme_1 = require("nano-theme");
const Code_1 = require("nice-ui/lib/1-inline/Code");
const Space_1 = require("nice-ui/lib/3-list-item/Space");
const css = {
    row: (0, nano_theme_1.rule)({
        w: '100%',
        maxW: '100%',
        pd: '16px 16px 0',
        bxz: 'border-box',
    }),
};
const Row = ({ title, children }) => {
    return (React.createElement("div", { className: css.row },
        !!title && (React.createElement(React.Fragment, null,
            React.createElement(Code_1.Code, { gray: true, noBg: true, size: -1 }, title),
            React.createElement(Space_1.Space, { size: -2 }))),
        children));
};
exports.Row = Row;