@wulperstudio/cms/layouts/HeaderOneColumn/styled.js

Wulper Studio Library Components CMS

import { styled, Box } from '@mui/material';
export var Root = styled(Box, {
  shouldForwardProp: function shouldForwardProp(prop) {
    return prop !== 'columnGap' && prop !== 'rowGap';
  }
})(function (_ref) {
  var columnGap = _ref.columnGap,
    rowGap = _ref.rowGap;
  return {
    display: 'grid',
    height: '100%',
    overflowY: 'auto',
    width: '100%',
    columnGap: columnGap,
    rowGap: rowGap,
    gridTemplateColumns: '1fr',
    gridTemplateRows: 'auto 1fr',
    gridTemplateAreas: "\n    \"header\"\n    \"first\"\n  "
  };
});
export var Header = styled(Box)({
  gridArea: 'header'
});
export var First = styled(Box)({
  gridArea: 'first',
  overflow: 'auto',
  height: '100%'
});