1import React from 'react';
 2import ListItemAvatar from '@material-ui/core/ListItemAvatar';
 3import ListItemIcon from '@material-ui/core/ListItemIcon';
 4import ListItemText from '@material-ui/core/ListItemText';
 5import Icon from '@material-ui/core/Icon';
 6import {useTranslation} from 'react-i18next';
 7
 8const Passenger = ({passenger, button}) => {
 9  const {t} = useTranslation();
10  return !!passenger ? (
11    <>
12      <ListItemText primary={passenger} />
13      {button}
14    </>
15  ) : (
16    <>
17      <ListItemAvatar>
18        <ListItemIcon color="disabled">
19          <Icon>person</Icon>
20        </ListItemIcon>
21      </ListItemAvatar>
22      <ListItemText primary={t('car.passengers.empty')} />
23    </>
24  );
25};
26
27export default Passenger;