@dnanpm/styleguide/build/cjs/components/MainNavigation/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 Icon = require('../../Icon/Icon.js');
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 globalStateString = 'search';
    const { navZIndex, searchComponent: SearchComponent } = React.useContext(NavContext.default);
    return (React__default.default.createElement(MainNavTooltipMenu.default, { zIndex: navZIndex + 1, tooltipRight: "0", contentComponent: SearchComponent, contentWidth: "100%", globalStateString: globalStateString, fullWidthDesktop: true, closeWhenTagClicked: ['a'] },
        React__default.default.createElement(Icon.default, { icon: icons.Search, size: "2rem" }),
        React__default.default.createElement("span", null, searchLabel)));
};

exports.default = PageSearch;