@wulperstudio/cms/node/components/IconButtonOutput/styled.js

Wulper Studio Library Components CMS

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Label = exports.Box = void 0;
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _material = require("@mui/material");
var _excluded = ["theme"];
var Box = exports.Box = (0, _material.styled)('div', {
  shouldForwardProp: function shouldForwardProp(prop) {
    return prop !== 'showBorder' && prop !== 'backgroundColor' && prop !== 'showBoxShadow' && prop !== 'showDivider';
  }
})(function (_ref) {
  var theme = _ref.theme,
    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
  return "\n  background-color: ".concat(props.backgroundColor ? theme.palette.background["default"] : theme.palette.background.paper, ";\n  padding: ").concat(props.backgroundColor ? '0px' : '10px 15px', ";\n  border-radius: ").concat(props.showDivider ? '0px' : '5px', ";\n  border: ").concat(props.showBorder ? "1px solid ".concat(theme.palette.background.paper) : 'none', ";\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: flex-start;\n  box-shadow: ").concat(props.showBoxShadow ? '0px 4px 24px rgba(0, 0, 0, 0.05)' : 'none', ";\n");
});
var Label = exports.Label = (0, _material.styled)('label')(function (_ref2) {
  var theme = _ref2.theme;
  return {
    fontSize: '14px',
    lineHeight: '18px',
    fontWeight: 'normal',
    fontFamily: theme.typography.fontFamily,
    color: theme.palette.text.secondary,
    marginBottom: '10px'
  };
});