1import React from 'react';
 2import Card from '@material-ui/core/Card';
 3import CardActions from '@material-ui/core/CardActions';
 4import CardContent from '@material-ui/core/CardContent';
 5import Typography from '@material-ui/core/Typography';
 6import Button from '@material-ui/core/Button';
 7import {useTranslation} from 'react-i18next';
 8
 9export const EmptyDashboard = () => {
10  const {t} = useTranslation();
11  return (
12    <Card>
13      <CardContent>
14        <Typography gutterBottom variant="h5" component="h1">
15          {t('dashboard.noEvent.title')}
16        </Typography>
17        <Typography
18          variant="body1"
19          dangerouslySetInnerHTML={{
20            __html: t('dashboard.noEvent.text_html'),
21          }}
22        />
23      </CardContent>
24      <CardActions>
25        <Button>{t('dashboard.noEvent.create_event')}</Button>
26      </CardActions>
27    </Card>
28  );
29};