@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
62 lines • 1.81 kB
JavaScript
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
import { styled } from '@mui/material';
export var Root = 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 _defineProperty({
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'
});
});
export var Header = styled('div')(function (_ref3) {
var theme = _ref3.theme;
return _defineProperty({
gridArea: 'header',
height: 'fit-content',
width: '100%'
}, theme.breakpoints.down('md'), {
gridArea: 'unset'
});
});
export var Body = styled('div')(function (_ref5) {
var theme = _ref5.theme;
return _defineProperty({
gridArea: 'body',
height: '100%',
overflowY: 'auto'
}, theme.breakpoints.down('md'), {
width: '100%',
gridArea: 'unset'
});
});
export var Footer = styled('div')(function (_ref7) {
var theme = _ref7.theme;
return _defineProperty({
gridArea: 'footer',
height: 'fit-content',
width: '100%'
}, theme.breakpoints.down('md'), {
gridArea: 'unset'
});
});