@wulperstudio/cms/layouts/Hero/Hero.js

Wulper Studio Library Components CMS

import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
var _excluded = ["header", "image"],
  _excluded2 = ["sx", "children"];
import React from 'react';
import { Box } from '@mui/material';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export var Hero = function Hero(_ref) {
  var header = _ref.header,
    image = _ref.image,
    props = _objectWithoutProperties(_ref, _excluded);
  var sx = props.sx,
    children = props.children,
    rest = _objectWithoutProperties(props, _excluded2);
  return /*#__PURE__*/_jsxs(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__*/_jsx(Box, {
      component: "header",
      children: header
    }), children]
  }));
};