@talend/react-components/lib/HeaderBar/primitives/Search.component.js

Set of react components.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Search = Search;
var _propTypes = _interopRequireDefault(require("prop-types"));
var _Inject = _interopRequireDefault(require("../../Inject"));
var _Typeahead = _interopRequireDefault(require("../../Typeahead"));
var _theme = require("../../theme");
var _HeaderBarModule = _interopRequireDefault(require("../HeaderBar.module.scss"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const theme = (0, _theme.getTheme)(_HeaderBarModule.default);
function Search({
  getComponent,
  icon,
  ...props
}) {
  const className = theme('tc-header-bar-action', 'tc-header-bar-search', 'separated');
  const Renderers = _Inject.default.getAll(getComponent, {
    Typeahead: _Typeahead.default
  });
  const a11yIcon = icon && {
    ...icon,
    role: 'search'
  };
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
    role: "presentation",
    className: className,
    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("form", {
      className: "navbar-form navbar-right",
      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Renderers.Typeahead, {
        ...props,
        role: "searchbox",
        icon: a11yIcon
      })
    })
  });
}
Search.propTypes = {
  getComponent: _propTypes.default.func,
  icon: _propTypes.default.object,
  renderers: _propTypes.default.shape({
    Typeahead: _propTypes.default.func
  })
};
//# sourceMappingURL=Search.component.js.map