@wulperstudio/cms/node/organisms/MenuSettings/styled.js

Wulper Studio Library Components CMS

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Header = exports.BoxAvatar = exports.Box = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _material = require("@mui/material");
var Box = exports.Box = (0, _material.styled)('div', {
  shouldForwardProp: function shouldForwardProp(props) {
    return props !== 'showShadow' && props !== 'backgroundColor' && props !== 'padding' && props !== 'drawerMode';
  }
})(function (_ref) {
  var padding = _ref.padding,
    backgroundColor = _ref.backgroundColor;
  return {
    backgroundColor: backgroundColor || '#fff',
    display: 'flex',
    flexDirection: 'column',
    maxWidth: '100%',
    width: '100%',
    padding: padding || '0px 20px 30px 80px',
    height: '100%',
    overflow: 'unset',
    rowGap: '15px',
    zIndex: 100
  };
});
var Header = exports.Header = (0, _material.styled)('header')(function (_ref2) {
  var theme = _ref2.theme;
  return (0, _defineProperty2["default"])({
    width: '100%',
    padding: 0,
    marginBottom: '1rem',
    position: 'relative'
  }, theme.breakpoints.down(900), {
    display: 'flex',
    justifyContent: 'center'
  });
});
var BoxAvatar = exports.BoxAvatar = (0, _material.styled)('div')(function () {
  return {
    width: '120px',
    height: '120px',
    backgroundColor: '#FFD6DC',
    borderRadius: '50%'
  };
});