nice-ui
Version:
React design system, components, and utilities
29 lines (28 loc) • 930 B
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.ContextSection = void 0;
const React = require("react");
const nano_theme_1 = require("nano-theme");
const blockClass = (0, nano_theme_1.rule)({
...nano_theme_1.lightTheme.font.ui1.mid,
d: 'flex',
columnGap: '4px',
ai: 'center',
w: '100%',
fz: '13px',
pd: '8px 20px',
bxz: 'border-box',
col: nano_theme_1.lightTheme.g(0.2),
});
const ContextSection = ({ className, compact, bg, ...rest }) => {
const style = {
...rest.style,
padding: compact ? '4px 8px' : void 0,
};
let element = React.createElement("div", { ...rest, style: style, className: (className || '') + blockClass });
if (bg) {
element = React.createElement("div", { style: { background: nano_theme_1.lightTheme.g(0, 0.04) } }, element);
}
return element;
};
exports.ContextSection = ContextSection;