nice-ui/lib/4-card/ContextMenu/ContextHeader.js

React design system, components, and utilities

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.ContextHeader = void 0;
const React = require("react");
const nano_theme_1 = require("nano-theme");
const blockClass = (0, nano_theme_1.drule)({
    pd: '8px 20px',
});
const ContextHeader = ({ compact, children, ...rest }) => {
    const theme = (0, nano_theme_1.useTheme)();
    const className = (rest.className || '') +
        blockClass({
            bg: theme.g(0, 0.04),
        });
    const style = {
        ...rest.style,
        padding: compact ? '8px' : void 0,
    };
    return (React.createElement("div", { className: className, style: style }, children));
};
exports.ContextHeader = ContextHeader;