import React from 'react';
import { FullLayout } from './FullLayout';
var ProcoreGlobalBanner = function ProcoreGlobalBanner() {
  return /*#__PURE__*/React.createElement("div", {
    style: {
      width: '100%',
      height: 40,
      background: 'gray',
      color: 'white',
      textAlign: 'center'
    }
  }, "Global Banner");
};
var ProcoreGlobalHeader = function ProcoreGlobalHeader(_ref) {
  var _ref$banner = _ref.banner,
    banner = _ref$banner === void 0 ? false : _ref$banner;
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
    style: {
      width: '100%',
      height: 52,
      background: 'black',
      color: 'white',
      textAlign: 'center'
    }
  }, "Global Header"), banner && /*#__PURE__*/React.createElement(ProcoreGlobalBanner, null));
};
var ProcoreGlobalFooter = function ProcoreGlobalFooter() {
  return /*#__PURE__*/React.createElement("div", {
    style: {
      width: '100%',
      backgroundColor: 'black',
      color: '#e7e7e7',
      padding: '5px 10px',
      fontSize: '11px',
      display: 'block',
      textAlign: 'center',
      zIndex: 'auto',
      position: 'relative'
    }
  }, "Global Footer");
};
export var WithNavigationLayout = function WithNavigationLayout(props) {
  return /*#__PURE__*/React.createElement(FullLayout, null, /*#__PURE__*/React.createElement(ProcoreGlobalHeader, {
    banner: props.banner
  }), props.children, /*#__PURE__*/React.createElement(ProcoreGlobalFooter, null));
};
//# sourceMappingURL=WithNavigationLayout.js.map