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 variant="contained" onClick={toggleNewCar}>
13        {t('car.creation.title')}
14      </Button>
15    </Container>
16  );
17};
18
19const useStyles = makeStyles(theme => ({
20  container: {
21    display: 'flex',
22    justifyContent: 'center',
23  },
24}));
25
26export default AddCar;