mirror of
https://github.com/Myzel394/kleckrelay-website.git
synced 2025-06-19 07:55:25 +02:00
36 lines
779 B
TypeScript
36 lines
779 B
TypeScript
import {ReactElement} from "react"
|
|
import {useTranslation} from "react-i18next"
|
|
import {FaMask} from "react-icons/fa"
|
|
|
|
import {Container, Grid, Typography} from "@mui/material"
|
|
|
|
export default function EmptyStateScreen(): ReactElement {
|
|
const {t} = useTranslation("aliases")
|
|
|
|
return (
|
|
<Container maxWidth="xs">
|
|
<Grid
|
|
container
|
|
spacing={4}
|
|
direction="column"
|
|
alignItems="center"
|
|
maxWidth="80%"
|
|
alignSelf="center"
|
|
marginX="auto"
|
|
>
|
|
<Grid item>
|
|
<Typography variant="h6" component="h2">
|
|
{t("emptyState.title")}
|
|
</Typography>
|
|
</Grid>
|
|
<Grid item>
|
|
<FaMask size={40} />
|
|
</Grid>
|
|
<Grid item>
|
|
<Typography variant="body1">{t("emptyState.description")}</Typography>
|
|
</Grid>
|
|
</Grid>
|
|
</Container>
|
|
)
|
|
}
|