@wulperstudio/cms/organisms/CardAlert/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/styles';
import { consts } from '../../helpers/consts';
export var Card = styled('div', {
  shouldForwardProp: function shouldForwardProp(props) {
    return props !== 'color';
  }
})(function (_ref) {
  var theme = _ref.theme;
  return {
    boxShadow: consts.boxShadowStyle,
    borderRadius: '10px',
    padding: theme.spacing(3.75),
    width: '100%',
    maxWidth: '100%',
    display: 'flex',
    flexDirection: 'column',
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#fff',
    gap: '15px'
  };
});
export var ContainerIcon = styled('div')(function (_ref2) {
  var props = _extends({}, (_objectDestructuringEmpty(_ref2), _ref2));
  return {
    width: '100px',
    height: '100px',
    borderRadius: '50%',
    backgroundColor: props.color,
    display: 'flex',
    alignItems: 'center',
    justifyContent: 'center'
  };
});
export var ContainerTitle = styled('div')(function () {
  return {
    display: 'flex',
    flexDirection: 'column',
    justifyContent: 'center',
    alignItems: 'center'
  };
});