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

Wulper Studio Library Components CMS

import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
var _excluded = ["sticky", "containerMaxWidth", "size", "backgroundColor", "containerProps"];
import React from 'react';
import { Container } from '@mui/material';
import { CustomHeader } from './styled';
import { jsx as _jsx } from "react/jsx-runtime";
export var 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 = _objectWithoutProperties(_ref, _excluded);
  return /*#__PURE__*/_jsx(CustomHeader, Object.assign({
    minHeight: size,
    backgroundColor: backgroundColor,
    color: "inherit",
    sticky: sticky
  }, props, {
    children: /*#__PURE__*/_jsx(Container, Object.assign({
      maxWidth: containerMaxWidth
    }, containerProps, {
      children: props.children
    }))
  }));
};