@wulperstudio/cms/node/organisms/HeaderFlex/HeaderFlex.js

Wulper Studio Library Components CMS

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.HeaderFlex = void 0;
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireDefault(require("react"));
var _material = require("@mui/material");
var _styled = require("./styled");
var _jsxRuntime = require("react/jsx-runtime");
var _excluded = ["sticky", "containerMaxWidth", "size", "backgroundColor", "containerProps"];
var HeaderFlex = exports.HeaderFlex = function HeaderFlex(_ref) {
  var sticky = _ref.sticky,
    _ref$containerMaxWidt = _ref.containerMaxWidth,
    containerMaxWidth = _ref$containerMaxWidt === void 0 ? 'xl' : _ref$containerMaxWidt,
    size = _ref.size,
    backgroundColor = _ref.backgroundColor,
    containerProps = _ref.containerProps,
    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.CustomHeader, Object.assign({
    minHeight: size,
    backgroundColor: backgroundColor,
    color: "inherit",
    sticky: sticky
  }, props, {
    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Container, Object.assign({
      maxWidth: containerMaxWidth
    }, containerProps, {
      children: props.children
    }))
  }));
};