1import Icon from '@material-ui/core/Icon';
 2import Box from '@material-ui/core/Box';
 3import Button from '@material-ui/core/Button';
 4import {makeStyles} from '@material-ui/core/styles';
 5import { useTranslation } from 'react-i18next';
 6
 7const AddPassengerButtons = ({toggleNewPassenger}) => {
 8  const classes = useStyles();
 9  const {t} = useTranslation();
10
11  return (
12    <Box className={classes.addButtonsContainer}>
13      <Button
14        variant="outlined"
15        color="primary"
16        fullWidth
17        startIcon={<Icon>person_add</Icon>}
18        onClick={toggleNewPassenger}
19      >
20        {t('travel.passengers.add')}
21      </Button>
22    </Box>
23  );
24};
25
26const useStyles = makeStyles(theme => ({
27  addButtonsContainer: {
28    padding: theme.spacing(2),
29    textAlign: 'center',
30  },
31}));
32
33export default AddPassengerButtons;