import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
var _excluded = ["searchOnChange", "search"];
import PropTypes from 'prop-types';
import React from 'react';
import { BannerNavigation, BannerNavigationItem } from './BannerNavigation';
import Search from '../Search';
import Link from '../Link';

var BannerNavigationWithContent = function BannerNavigationWithContent(_ref) {
  var searchOnChange = _ref.searchOnChange,
      search = _ref.search,
      other = _objectWithoutProperties(_ref, _excluded);

  return /*#__PURE__*/React.createElement(BannerNavigation, other, /*#__PURE__*/React.createElement(BannerNavigationItem, null, /*#__PURE__*/React.createElement(Link, {
    href: "https://newgo.wfp.org",
    target: "_blank"
  }, "WFPgo")), /*#__PURE__*/React.createElement(BannerNavigationItem, null, /*#__PURE__*/React.createElement(Link, {
    href: "http://communities.wfp.org",
    target: "_blank"
  }, "Communities")), /*#__PURE__*/React.createElement(BannerNavigationItem, null, /*#__PURE__*/React.createElement(Link, {
    href: "http://manuals.wfp.org",
    target: "_blank"
  }, "Manuals")), /*#__PURE__*/React.createElement(BannerNavigationItem, null, /*#__PURE__*/React.createElement(Link, {
    href: "https://go.docs.wfp.org",
    target: "_blank"
  }, "GoDocs")), /*#__PURE__*/React.createElement(BannerNavigationItem, null, /*#__PURE__*/React.createElement(Link, {
    href: "https://welearn.wfp.org",
    target: "_blank"
  }, "WeLearn")), /*#__PURE__*/React.createElement(BannerNavigationItem, null, /*#__PURE__*/React.createElement(Link, {
    href: "https://dashboard.wfp.org",
    target: "_blank"
  }, "Dashboard")), /*#__PURE__*/React.createElement(BannerNavigationItem, null, /*#__PURE__*/React.createElement(Link, {
    href: "http://opweb.wfp.org",
    target: "_blank"
  }, "OPweb")), /*#__PURE__*/React.createElement(BannerNavigationItem, null, /*#__PURE__*/React.createElement(Link, {
    href: "https://selfservice.go.wfp.org",
    target: "_blank"
  }, "Self-Service")), /*#__PURE__*/React.createElement(BannerNavigationItem, null, /*#__PURE__*/React.createElement(Link, {
    href: "https://humanitarianbooking.wfp.org",
    target: "_blank"
  }, "UN Booking Hub")), /*#__PURE__*/React.createElement(BannerNavigationItem, null, /*#__PURE__*/React.createElement(Link, {
    href: "https://wfp.org",
    target: "_blank"
  }, "WFP.org")), search && /*#__PURE__*/React.createElement(BannerNavigationItem, null, /*#__PURE__*/React.createElement("form", {
    action: "http://gtd.wfp.org",
    method: "GET",
    acceptCharset: "UTF-8",
    target: "_blank"
  }, /*#__PURE__*/React.createElement(Search, {
    kind: "banner",
    id: "search-2",
    labelText: "Find People",
    name: "q",
    placeHolderText: "Find People",
    onChange: searchOnChange
  }))));
};

BannerNavigationWithContent.propTypes = {
  /**
   * The CSS class name to be placed on the wrapping element.
   */
  className: PropTypes.string,

  /**
   * Specify the max-width on desktop devices (same as \`Wrapper\` component)
   */
  pageWidth: PropTypes.oneOf(['sm', 'md', 'lg', 'full']),

  /**
   * Allows to disable the search input
   */
  search: PropTypes.bool,

  /**
   * A onChange Function for the search
   */
  searchOnChange: PropTypes.func
};
BannerNavigationWithContent.defaultProps = {
  search: false,
  searchOnChange: function searchOnChange() {}
};
export { BannerNavigationWithContent };