/* eslint-disable */
import { Icon, Input } from '@whalecloud/fdx';
import React, { createRef } from 'react';
import './index.less';
export default function SearchInput(props) {
  var onSearch = props.onSearch;
  var searchRef = createRef();

  var searchOffer = function searchOffer() {
    var searchValue = searchRef.current.input.value;
    onSearch && onSearch(searchValue);
  };

  return /*#__PURE__*/React.createElement("div", {
    className: "msearchInputWrapLayout"
  }, /*#__PURE__*/React.createElement(Input, {
    className: "searchInput",
    ref: searchRef,
    placeholder: "Please input keywords"
  }), /*#__PURE__*/React.createElement("div", {
    className: "btnWrap"
  }, /*#__PURE__*/React.createElement(Icon, {
    type: "search",
    style: {
      fontSize: '18px'
    }
  })));
}