@wulperstudio/cms/node/layouts/LayoutDrawer/styled.js

Wulper Studio Library Components CMS

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Root = exports.Header = exports.Footer = exports.Body = void 0;
var _material = require("@mui/material");
var Root = exports.Root = (0, _material.styled)(_material.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
  };
});
var Header = exports.Header = (0, _material.styled)(_material.Box)({
  gridArea: 'header'
});
var Body = exports.Body = (0, _material.styled)(_material.Box)(function () {
  return {
    gridArea: 'body',
    height: '100%',
    overflowY: 'auto'
  };
});
var Footer = exports.Footer = (0, _material.styled)(_material.Box)({
  gridArea: 'footer'
});