@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
35 lines (34 loc) • 1.25 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Hero = void 0;
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireDefault(require("react"));
var _material = require("@mui/material");
var _jsxRuntime = require("react/jsx-runtime");
var _excluded = ["header", "image"],
_excluded2 = ["sx", "children"];
var Hero = exports.Hero = function Hero(_ref) {
var header = _ref.header,
image = _ref.image,
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
var sx = props.sx,
children = props.children,
rest = (0, _objectWithoutProperties2["default"])(props, _excluded2);
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, Object.assign({
component: "section",
sx: Object.assign({}, image && {
background: "url(".concat(image, ") no-repeat center")
}, {
width: '100%',
minHeight: 'fit-content'
}, sx)
}, rest, {
children: [header && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
component: "header",
children: header
}), children]
}));
};