@dnanpm/styleguide/build/cjs/components/MainHeaderNavigation/ChildComponents/PageSearch.js

DNA Styleguide repository provides the set of components and theme object used in various DNA projects.

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var icons = require('@dnanpm/icons');
var React = require('react');
var NavContext = require('../context/NavContext.js');
var MainNavTooltipMenu = require('./MainNavTooltipMenu.js');

function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

var React__default = /*#__PURE__*/_interopDefaultCompat(React);

const PageSearch = ({ searchLabel }) => {
    const { navZIndex, searchComponent } = React.useContext(NavContext.default);
    return (React__default.default.createElement(MainNavTooltipMenu.default, { ariaLabel: searchLabel, closeWhenTagClicked: ['a'], contentComponent: searchComponent, contentWidth: "100%", "data-testid": "header-search-container", fullWidthDesktop: true, globalStateString: "search", tooltipRight: "0", zIndex: navZIndex + 1 },
        React__default.default.createElement(icons.Search, null),
        React__default.default.createElement("span", null, searchLabel)));
};

exports.default = PageSearch;