blob: 80f65d4fcdcadb7f8597b0338863e6a766ac1d1f (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
import React from 'react';
import PropTypes from 'prop-types';
import classnames from 'classnames';
import IconFromUserType from './IconFromUserType';
const Result = ({ user, selected }) => (
<div
className={classnames('search__result', {
'search__result--selected': selected,
})}
>
<div className="search__icon-wrapper"><IconFromUserType userType={user.type} /></div>
<div className="search__result__text">{user.value}</div>
</div>
);
Result.propTypes = {
user: PropTypes.shape({
value: PropTypes.string.isRequired,
type: PropTypes.string.isRequired,
}).isRequired,
selected: PropTypes.bool.isRequired,
};
export default Result;
|