@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
37 lines (36 loc) • 1.16 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.CustomHeader = void 0;
var _material = require("@mui/material");
var sizeHeader = {
small: '60px',
medium: '75px',
large: '90px'
};
var CustomHeader = exports.CustomHeader = (0, _material.styled)(_material.AppBar, {
shouldForwardProp: function shouldForwardProp(props) {
return props !== 'sticky' && props !== 'backgroundColor' && props !== 'isBorder' && props !== 'minHeight' && props !== 'scrolled';
}
})(function (_ref) {
var isBorder = _ref.isBorder,
_ref$minHeight = _ref.minHeight,
minHeight = _ref$minHeight === void 0 ? 'small' : _ref$minHeight,
backgroundColor = _ref.backgroundColor,
scrolled = _ref.scrolled,
theme = _ref.theme;
return Object.assign({
backgroundColor: backgroundColor || theme.palette.background["default"],
boxShadow: 'none',
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
minHeight: sizeHeader[minHeight],
width: '100%'
}, isBorder && {
borderBottom: "1px solid ".concat(theme.palette.divider)
}, scrolled && {
boxShadow: theme.shadows[1]
});
});