nice-ui
Version:
React design system, components, and utilities
27 lines (26 loc) • 903 B
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.ContentSizer = void 0;
const React = require("react");
const nano_theme_1 = require("nano-theme");
const context_1 = require("./context");
const constants_1 = require("../../constants");
const blockClass = (0, nano_theme_1.rule)({
bxz: 'border-box',
mar: 'auto',
trs: 'padding-left .2s',
});
const paddingClass = (0, nano_theme_1.rule)({
maxW: constants_1.NiceUiSizes.SiteWidth + 'px',
});
const ContentSizer = ({ scroll, padding, children }) => {
const { paddingLeft } = (0, context_1.useContentSize)();
const style = {
paddingLeft,
};
if (scroll) {
style.paddingBottom = '0 0 calc(100vh - 150px)';
}
return (React.createElement("div", { className: blockClass + (padding ? paddingClass : ''), style: style }, children));
};
exports.ContentSizer = ContentSizer;