import React from 'react';
import PropTypes from 'prop-types';
import classnames from 'classnames';
import SearchIcon from 'react-icons/lib/md/search';
import StudentIcon from 'react-icons/lib/md/person';
import RoomIcon from 'react-icons/lib/md/room';
import ClassIcon from 'react-icons/lib/md/group';
import TeacherIcon from 'react-icons/lib/md/account-circle';
const userShape = {
value: PropTypes.string.isRequired,
type: PropTypes.string.isRequired,
};
const Result = ({ user }) => {
let icon;
switch (user.type) {
case 'c':
icon = ;
break;
case 't':
icon = ;
break;
case 's':
icon = ;
break;
case 'r':
icon = ;
break;
default:
throw new Error(`Invalid user type: ${user.type}`);
}
return (
);
};
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;