fmtabbara
26 lines
574 B
TypeScript
26 lines
574 B
TypeScript
import React from 'react'
|
|
import { Grid, Theme, useTheme } from '@material-ui/core'
|
|
|
|
export const Layout = ({ children }: { children: React.ReactElement }) => {
|
|
const theme: Theme = useTheme()
|
|
|
|
return (
|
|
<div
|
|
style={{
|
|
padding: theme.spacing(5),
|
|
width: '100%',
|
|
height: '100%',
|
|
display: 'flex',
|
|
alignItems: 'center',
|
|
justifyContent: 'center',
|
|
}}
|
|
>
|
|
<Grid container justifyContent="center">
|
|
<Grid item xs={12} md={8} xl={6}>
|
|
{children}
|
|
</Grid>
|
|
</Grid>
|
|
</div>
|
|
)
|
|
}
|