nice-ui/lib/4-card/HeaderFooter/index.js

React design system, components, and utilities

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.HeaderFooter = void 0;
const React = require("react");
const nano_theme_1 = require("nano-theme");
const fixedClass = (0, nano_theme_1.rule)({
    flex: '0 0',
});
const contentClass = (0, nano_theme_1.rule)({
    d: 'flex',
    flex: '1 1 100%',
});
const HeaderFooter = ({ header, footer, separator, children }) => {
    const sep = !!separator && React.createElement("div", { className: fixedClass }, separator);
    return (React.createElement(React.Fragment, null,
        React.createElement("div", { className: fixedClass }, header),
        sep,
        React.createElement("div", { className: contentClass }, children),
        sep,
        React.createElement("div", { className: fixedClass }, footer)));
};
exports.HeaderFooter = HeaderFooter;