1import {useRouter} from 'next/router';
 2import Container from '@mui/material/Container';
 3import Card from '@mui/material/Card';
 4import CardActions from '@mui/material/CardActions';
 5import CardContent from '@mui/material/CardContent';
 6import Typography from '@mui/material/Typography';
 7import Button from '@mui/material/Button';
 8import {useTranslation} from 'react-i18next';
 9
10const DashboardEmpty = () => {
11  const {t} = useTranslation();
12  const router = useRouter();
13
14  return (
15    <Container maxWidth="sm" sx={{pt: 8}}>
16      <Card>
17        <CardContent>
18          <Typography gutterBottom variant="h5" component="h1">
19            {t('dashboard.noEvent.title')}
20          </Typography>
21          <Typography
22            variant="body1"
23            gutterBottom
24            dangerouslySetInnerHTML={{
25              __html: t('dashboard.noEvent.text_html'),
26            }}
27          />
28        </CardContent>
29        <CardActions>
30          <Button
31            onClick={() => router.push('/new')}
32            variant="contained"
33            color="primary"
34          >
35            {t('dashboard.noEvent.create_event')}
36          </Button>
37        </CardActions>
38      </Card>
39    </Container>
40  );
41};
42
43export default DashboardEmpty;