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

Wulper Studio Library Components CMS

import _objectDestructuringEmpty from "@babel/runtime/helpers/esm/objectDestructuringEmpty";
import _extends from "@babel/runtime/helpers/esm/extends";
import { styled } from '@mui/material';
export var Root = styled('div')(function (_ref) {
  var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
  return {
    display: 'grid',
    gridTemplateColumns: 'auto 1fr',
    gridTemplateRows: '1fr',
    gridTemplateAreas: "\n    \"drawer content\"\n  ",
    width: '100%',
    height: '100%',
    columnGap: props.columnGap || 10
  };
});
export var Content = styled('div')({
  gridArea: 'content',
  width: '100%',
  height: '100%'
});
export var Drawer = styled('div')({
  gridArea: 'drawer',
  width: '100%',
  height: '100%'
});