import React from 'react'; import PropTypes from 'prop-types'; import classnames from 'classnames'; import SearchIcon from 'react-icons/lib/md/search'; import IconFromUserType from './IconFromUserType'; import Result from './Result'; const userShape = { value: PropTypes.string.isRequired, type: PropTypes.string.isRequired, }; const Search = ({ onInputChange, onFocus, onBlur, hasFocus, value, results, exactMatch, }) => (
0 })}>
{/* Show the icon from the exact match if there is an exact match, otherwise show the search icon. */}
} />
{results.map(user => ( ))}
); Search.propTypes = { onInputChange: PropTypes.func.isRequired, onFocus: PropTypes.func.isRequired, onBlur: PropTypes.func.isRequired, hasFocus: PropTypes.bool.isRequired, value: PropTypes.string.isRequired, results: PropTypes.arrayOf(PropTypes.shape(userShape)).isRequired, exactMatch: PropTypes.shape(userShape), }; Search.defaultProps = { exactMatch: null, }; export default Search;