import React from 'react';
import PropTypes from 'prop-types';
import classnames from 'classnames';
import SearchIcon from 'react-icons/lib/md/search';
import PersonIcon from 'react-icons/lib/md/person';
const userShape = {
value: PropTypes.string.isRequired,
type: PropTypes.string.isRequired,
};
const Result = ({ user }) => (
);
Result.propTypes = {
user: PropTypes.shape(userShape).isRequired,
};
const Search = ({
onInputChange,
onFocus,
onBlur,
hasFocus,
value,
results,
}) => (
0 })}>
{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,
};
export default Search;