1import React from 'react';
 2import Button from '@material-ui/core/Button';
 3import Container from '@material-ui/core/Container';
 4import {makeStyles} from '@material-ui/core';
 5import {useTranslation} from 'react-i18next';
 6
 7const AddCar = ({toggleNewCar}) => {
 8  const classes = useStyles();
 9  const {t} = useTranslation();
10  return (
11    <Container maxWidth="sm" className={classes.container}>
12      <Button
13        fullWidth
14        variant="contained"
15        color="secondary"
16        onClick={toggleNewCar}
17        classes={{containedSecondary: classes.button}}
18      >
19        {t('car.creation.title')}
20      </Button>
21    </Container>
22  );
23};
24
25const useStyles = makeStyles(theme => ({
26  container: {
27    display: 'flex',
28    justifyContent: 'center',
29    padding: 0,
30  },
31  button: {
32    backgroundColor: theme.palette.background.paper,
33    color: theme.palette.text.primary,
34    '&:hover': {color: theme.palette.secondary.contrastText},
35  },
36}));
37
38export default AddCar;