nice-ui
Version:
React design system, components, and utilities
43 lines (42 loc) • 1.29 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.mdBlockCompactClass = exports.mdBlockClass = void 0;
const React = require("react");
const nano_theme_1 = require("nano-theme");
const wrapClass = (0, nano_theme_1.rule)({
maxW: 780 + 'px',
pad: '0 16px',
mar: '0 auto',
});
const wrapWideClass = (0, nano_theme_1.rule)({
maxW: '1080px',
});
const wrapXWideClass = (0, nano_theme_1.rule)({
maxW: '1400px',
});
const extraPaddingClass = (0, nano_theme_1.rule)({
pad: '0 32px',
});
const fullWidthClass = (0, nano_theme_1.rule)({
maxW: '100%',
pad: '0',
});
exports.mdBlockClass = (0, nano_theme_1.rule)({
'&+&': {
mar: '32px 0 0',
},
});
exports.mdBlockCompactClass = (0, nano_theme_1.rule)({
'&+&': {
mar: '8px 0 0',
},
});
const MarkdownFullWidthBlock = ({ wide, xwide, full, padding, children }) => {
return (React.createElement("div", { className: exports.mdBlockClass },
React.createElement("div", { className: wrapClass +
(wide ? wrapWideClass : '') +
(xwide ? wrapXWideClass : '') +
(full ? fullWidthClass : '') +
(padding ? extraPaddingClass : '') }, children)));
};
exports.default = MarkdownFullWidthBlock;