@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
51 lines (50 loc) • 1.65 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.ContainerTitle = exports.ContainerIcon = exports.Card = void 0;
var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _styles = require("@mui/material/styles");
var _consts = require("../../helpers/consts");
var Card = exports.Card = (0, _styles.styled)('div', {
shouldForwardProp: function shouldForwardProp(props) {
return props !== 'color';
}
})(function (_ref) {
var theme = _ref.theme;
return {
boxShadow: _consts.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'
};
});
var ContainerIcon = exports.ContainerIcon = (0, _styles.styled)('div')(function (_ref2) {
var props = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_ref2), _ref2));
return {
width: '100px',
height: '100px',
borderRadius: '50%',
backgroundColor: props.color,
display: 'flex',
alignItems: 'center',
justifyContent: 'center'
};
});
var ContainerTitle = exports.ContainerTitle = (0, _styles.styled)('div')(function () {
return {
display: 'flex',
flexDirection: 'column',
justifyContent: 'center',
alignItems: 'center'
};
});