@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
19 lines (18 loc) • 1.48 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Title = exports.Section = exports.ContainerChildren = void 0;
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
var _material = require("@mui/material");
var _templateObject, _templateObject2, _templateObject3;
var Section = exports.Section = (0, _material.styled)('div')(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n background-color: ", ";\n font-family: Poppins, Arial, Helvetica, sans-serif;\n border-radius: 10px;\n max-width: 100%;\n display: flex;\n flex-direction: column;\n padding: 10px;\n box-shadow: ", ";\n"])), function (props) {
return props.backgroundColor;
}, function (props) {
return props.showShadow ? 'rgb(0 0 0 / 9%) 0px 3px 12px' : 'none';
});
var Title = exports.Title = (0, _material.styled)('h1')(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n color: #06325e;\n margin-left: 0;\n margin-bottom: 5px;\n font-weight: 400;\n font-size: 18px;\n line-height: 27px;\n"])));
var ContainerChildren = exports.ContainerChildren = (0, _material.styled)('div')(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n margin-bottom: ", ";\n"])), function (props) {
return props.hideMargin ? '15px' : '0px';
});