app/src/containers/CarColumns/AddCar.js (view raw)
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;