nice-ui/lib/6-page/Sizer/index.js

React design system, components, and utilities

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Sizer = void 0;
const React = require("react");
const nano_theme_1 = require("nano-theme");
const blockClass = (0, nano_theme_1.rule)({
    maxW: `${nano_theme_1.SIZE.SITE_WIDTH + nano_theme_1.theme.space(1) + nano_theme_1.theme.space(1)}px`,
    bxz: 'border-box',
    pad: `0px ${nano_theme_1.theme.space(1)}px`,
    mar: '0 auto',
    '@media (max-width:600px)': {
        pad: `${nano_theme_1.theme.space(0)}px ${nano_theme_1.theme.space(0)}px`,
    },
});
const Sizer = ({ page, children }) => {
    const style = {};
    if (page) {
        style.maxWidth = `${nano_theme_1.SIZE.PAGE_WIDTH}px`;
    }
    return (React.createElement("div", { className: blockClass, style: style }, children));
};
exports.Sizer = Sizer;