@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
69 lines (68 loc) • 2.24 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Root = exports.Header = exports.Footer = exports.Body = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _material = require("@mui/material");
var Root = exports.Root = (0, _material.styled)('div', {
shouldForwardProp: function shouldForwardProp(prop) {
return prop !== 'hasFooter' && prop !== 'columnGap' && prop !== 'rowGap' && prop !== 'padding' && prop !== 'as';
}
})(function (_ref) {
var hasFooter = _ref.hasFooter,
rowGap = _ref.rowGap,
columnGap = _ref.columnGap,
padding = _ref.padding,
theme = _ref.theme;
return (0, _defineProperty2["default"])({
display: 'grid',
height: '100%',
width: '100%',
maxWidth: '100%',
padding: padding,
gridTemplateRows: hasFooter ? 'auto 1fr auto' : 'auto 1fr',
gridTemplateColumns: '1fr',
gridTemplateAreas: hasFooter ? "\n \"header\"\n \"body\"\n \"footer\"\n" : "\n \"header\"\n \"body\"\n",
columnGap: columnGap,
rowGap: rowGap
}, theme.breakpoints.down('md'), {
overflow: 'unset',
display: 'block',
gridTemplateRows: 'unset',
gridTemplateColumns: 'unset',
gridTemplateAreas: 'unset'
});
});
var Header = exports.Header = (0, _material.styled)('div')(function (_ref3) {
var theme = _ref3.theme;
return (0, _defineProperty2["default"])({
gridArea: 'header',
height: 'fit-content',
width: '100%'
}, theme.breakpoints.down('md'), {
gridArea: 'unset'
});
});
var Body = exports.Body = (0, _material.styled)('div')(function (_ref5) {
var theme = _ref5.theme;
return (0, _defineProperty2["default"])({
gridArea: 'body',
height: '100%',
overflowY: 'auto'
}, theme.breakpoints.down('md'), {
width: '100%',
gridArea: 'unset'
});
});
var Footer = exports.Footer = (0, _material.styled)('div')(function (_ref7) {
var theme = _ref7.theme;
return (0, _defineProperty2["default"])({
gridArea: 'footer',
height: 'fit-content',
width: '100%'
}, theme.breakpoints.down('md'), {
gridArea: 'unset'
});
});