@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
41 lines (40 loc) • 1.53 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.CardFlex = void 0;
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _material = require("@mui/material");
var _excluded = ["theme"];
var CardFlex = exports.CardFlex = (0, _material.styled)(_material.Box, {
shouldForwardProp: function shouldForwardProp(props) {
return props !== 'backgroundColor' && props !== 'borderRadius' && props !== 'border' && props !== 'hoverStyle' && props !== 'shadow' && props !== 'disabledHover';
}
})(function (_ref) {
var theme = _ref.theme,
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
return Object.assign({
backgroundColor: props.backgroundColor || theme.palette.background["default"],
border: props.border || 'none',
borderRadius: props.borderRadius || '15px',
boxShadow: props.shadow || theme.shadows[1],
boxSizing: 'border-box',
margin: 0,
maxWidth: '100%',
width: '100%',
minWidth: '275px',
minHeight: 'fit-contet',
padding: props.padding,
overflow: 'hidden'
}, !props.disabledHover && props.hoverStyle === 'shadow' && {
'&:hover': {
boxShadow: theme.shadows[1]
}
}, !props.disabledHover && props.hoverStyle === 'border' && {
'&:hover': {
border: "2px solid ".concat(theme.palette.primary.main),
cursor: 'pointer'
}
});
});