collaborative-ui/lib/Card/index.js

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

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Card = void 0;
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const nano_theme_1 = require("nano-theme");
const Paper_1 = tslib_1.__importDefault(require("nice-ui/lib/4-card/Paper"));
const Scrollbox_1 = require("nice-ui/lib/4-card/Scrollbox");
tslib_1.__exportStar(require("./CardHeader"), exports);
const css = {
    header: (0, nano_theme_1.rule)({
        pad: '8px 8px 8px 16px',
    }),
    content: (0, nano_theme_1.rule)({
        pad: '0 8px 8px',
    }),
};
const Card = ({ header, children }) => {
    return (React.createElement(Paper_1.default, null,
        !!header && React.createElement("div", { className: css.header }, header),
        !!children && (React.createElement(Scrollbox_1.Scrollbox, { style: { maxHeight: 600 } },
            React.createElement("div", { className: css.content }, children)))));
};
exports.Card = Card;