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