@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
35 lines • 997 B
JavaScript
import { Box, styled } from '@mui/material';
export var Root = styled(Box, {
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;
return {
display: 'grid',
height: '100%',
width: '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
};
});
export var Header = styled(Box)({
gridArea: 'header'
});
export var Body = styled(Box)(function () {
return {
gridArea: 'body',
height: '100%',
overflowY: 'auto'
};
});
export var Footer = styled(Box)({
gridArea: 'footer'
});