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