@wulperstudio/cms/organisms/CardFlexible/styled.js

Wulper Studio Library Components CMS

import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
var _excluded = ["theme"];
import { Box, styled } from '@mui/material';
export var CardFlex = styled(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 = _objectWithoutProperties(_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'
    }
  });
});