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

Wulper Studio Library Components CMS

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Root = exports.Drawer = exports.Content = void 0;
var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _material = require("@mui/material");
var Root = exports.Root = (0, _material.styled)('div')(function (_ref) {
  var props = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_ref), _ref));
  return {
    display: 'grid',
    gridTemplateColumns: 'auto 1fr',
    gridTemplateRows: '1fr',
    gridTemplateAreas: "\n    \"drawer content\"\n  ",
    width: '100%',
    height: '100%',
    columnGap: props.columnGap || 10
  };
});
var Content = exports.Content = (0, _material.styled)('div')({
  gridArea: 'content',
  width: '100%',
  height: '100%'
});
var Drawer = exports.Drawer = (0, _material.styled)('div')({
  gridArea: 'drawer',
  width: '100%',
  height: '100%'
});