reactjs-input-search/dist/componant/Suggestion.js

search input with suggestion

import React from 'react';
function Suggestion({
  searchData,
  dataKey,
  loading,
  handleApiCall,
  NoDataFound,
  inputValue,
  highlight,
  customLoading
}) {
  return /*#__PURE__*/React.createElement("div", {
    className: "suggestionBox"
  }, loading ? customLoading : searchData?.length === 0 && NoDataFound, searchData?.map((val, ind) => {
    let word = val?.[dataKey]?.split(inputValue);
    return /*#__PURE__*/React.createElement("li", {
      key: ind,
      className: "suggestionItem",
      onClick: () => handleApiCall(val)
    }, /*#__PURE__*/React.createElement("span", null, word[0], /*#__PURE__*/React.createElement("span", {
      style: {
        color: highlight || 'blue'
      }
    }, inputValue), word[1]));
  }));
}
export default Suggestion;