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

Wulper Studio Library Components CMS

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Third = exports.Second = exports.Root = exports.Header = exports.First = void 0;
var _material = require("@mui/material");
var Root = exports.Root = (0, _material.styled)('div', {
  shouldForwardProp: function shouldForwardProp(prop) {
    return prop !== 'columnGap' && prop !== 'rowGap';
  }
})(function (_ref) {
  var columnGap = _ref.columnGap,
    rowGap = _ref.rowGap;
  return {
    display: 'grid',
    height: '100%',
    width: '100%',
    columnGap: columnGap,
    rowGap: rowGap,
    gridTemplateColumns: 'auto 1fr auto',
    gridTemplateRows: 'auto 1fr',
    gridTemplateAreas: "\n    \"header header header\"\n    \"first second third\"\n  "
  };
});
var Header = exports.Header = (0, _material.styled)('div')({
  gridArea: 'header',
  overflow: 'auto',
  height: '100%'
});
var First = exports.First = (0, _material.styled)('div')({
  gridArea: 'first',
  overflow: 'auto',
  height: '100%'
});
var Second = exports.Second = (0, _material.styled)('div')({
  gridArea: 'second',
  overflow: 'auto',
  height: '100%'
});
var Third = exports.Third = (0, _material.styled)('div')({
  gridArea: 'third',
  overflow: 'auto',
  height: '100%'
});