mirror of
https://github.com/maelgangloff/domain-watchdog.git
synced 2025-12-21 03:35:42 +00:00
39 lines
1.1 KiB
TypeScript
39 lines
1.1 KiB
TypeScript
|
import * as React from 'react';
|
||
|
|
import Box from '@mui/material/Box';
|
||
|
|
import Container from "@mui/material/Container";
|
||
|
|
|
||
|
|
interface Props {
|
||
|
|
content: string
|
||
|
|
}
|
||
|
|
|
||
|
|
export default function Index({content}: Props) {
|
||
|
|
return (
|
||
|
|
<>
|
||
|
|
<Container
|
||
|
|
sx={{
|
||
|
|
display: 'flex',
|
||
|
|
flexDirection: 'column',
|
||
|
|
alignItems: 'center',
|
||
|
|
gap: {xs: 4, sm: 8},
|
||
|
|
py: {xs: 8, sm: 10},
|
||
|
|
textAlign: {sm: 'center', md: 'left'},
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
<Box
|
||
|
|
sx={{
|
||
|
|
display: 'flex',
|
||
|
|
justifyContent: 'space-between',
|
||
|
|
pt: {xs: 4, sm: 8},
|
||
|
|
width: '100%',
|
||
|
|
borderTop: '1px solid',
|
||
|
|
borderColor: 'divider',
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
<div dangerouslySetInnerHTML={{__html: content}}></div>
|
||
|
|
</Box>
|
||
|
|
</Container>
|
||
|
|
</>
|
||
|
|
)
|
||
|
|
|
||
|
|
}
|