@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
32 lines • 1.17 kB
JavaScript
import { styled } from '@mui/material';
export var Box = styled('div')(function (_ref) {
var theme = _ref.theme,
backgroundColor = _ref.backgroundColor,
showBorder = _ref.showBorder,
showBoxShadow = _ref.showBoxShadow,
showDivider = _ref.showDivider;
return {
margin: '10px 0px',
backgroundColor: backgroundColor ? theme.palette.background["default"] : theme.palette.background.paper,
padding: backgroundColor ? '10px 0px' : '10px 15px',
borderRadius: showDivider ? '0px' : '5px',
border: showBorder ? "1px solid ".concat(theme.palette.background.paper) : 'none',
display: 'flex',
flexDirection: 'column',
alignItems: 'flex-start',
justifyContent: 'center',
boxShadow: showBoxShadow ? '0px 4px 24px rgba(0, 0, 0, 0.05)' : 'none',
borderBottom: showDivider ? "1px solid ".concat(theme.palette.background.paper) : 'none'
};
});
export var Label = styled('label')(function (_ref2) {
var theme = _ref2.theme;
return {
fontSize: '14px',
lineHeight: '18px',
fontWeight: 'normal',
fontFamily: 'Poppins, cursive',
color: theme.palette.text.secondary,
marginBottom: '10px'
};
});