@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
26 lines • 1.28 kB
JavaScript
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
var _excluded = ["theme"];
import { styled } from '@mui/material';
export var Box = styled('div', {
shouldForwardProp: function shouldForwardProp(prop) {
return prop !== 'showBorder' && prop !== 'backgroundColor' && prop !== 'showBoxShadow' && prop !== 'showDivider';
}
})(function (_ref) {
var theme = _ref.theme,
props = _objectWithoutProperties(_ref, _excluded);
return {
backgroundColor: props.backgroundColor ? theme.palette.background["default"] : theme.palette.background.paper,
padding: props.backgroundColor ? '10px 0px' : '10px 15px',
borderRadius: props.showDivider ? '0px' : '5px',
border: props.showBorder ? "1px solid ".concat(theme.palette.background.paper) : 'none',
display: 'flex',
flexDirection: 'column',
alignItems: 'flex-start',
justifyContent: 'center',
boxShadow: props.showBoxShadow ? '0px 4px 24px rgba(0, 0, 0, 0.05)' : 'none'
};
});
export var Label = styled('label')(function (_ref2) {
var theme = _ref2.theme;
return "\n font-size: 13px;\n line-height: 17px;\n font-weight: normal;\n font-family: Poppins, cursive;\n color: ".concat(theme.palette.text.secondary, ";\n margin-bottom: 9px;\n");
});