@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
22 lines • 1.67 kB
JavaScript
import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
var _templateObject, _templateObject2, _templateObject3;
import { styled } from '@mui/material';
export var Box = styled('div', {
shouldForwardProp: function shouldForwardProp(prop) {
return prop !== 'showBorder' && prop !== 'backgroundColor' && prop !== 'showBoxShadow' && prop !== 'showDivider';
}
})(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n margin: 10px 0px;\n background-color: ", ";\n padding: ", ";\n border-radius: ", ";\n border: ", ";\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n box-shadow: ", ";\n border-bottom: ", ";\n"])), function (props) {
return props.backgroundColor || 'transparent';
}, function (props) {
return props.backgroundColor ? '10px 0px' : '10px 15px';
}, function (props) {
return props.showDivider ? '0px' : '5px';
}, function (props) {
return props.showBorder ? '1px solid #f6f7fc' : 'none';
}, function (props) {
return props.showBoxShadow ? '0px 4px 24px rgba(0, 0, 0, 0.05)' : 'none';
}, function (props) {
return props.showDivider ? '1px solid #f6f7fc' : 'none';
});
export var Label = styled('label')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n font-size: 14px;\n line-height: 18px;\n font-weight: normal;\n font-family: Poppins, cursive;\n color: #b2beda;\n margin-bottom: 10px;\n"])));
export var Text = styled('p')(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n font-size: 16px;\n line-height: 24px;\n font-weight: 700;\n font-family: Poppins, cursive;\n color: #223263;\n"])));