diff options
| -rw-r--r-- | src/index.tsx | 25 |
1 files changed, 24 insertions, 1 deletions
diff --git a/src/index.tsx b/src/index.tsx index e79cac9..62979f7 100644 --- a/src/index.tsx +++ b/src/index.tsx @@ -1,10 +1,33 @@ import React from 'react'; import ReactDOM from 'react-dom'; +import { Benzin, ContentSection } from 'react-benzin'; +import { Paper } from '@material-ui/core'; +import { makeStyles } from '@material-ui/core/styles'; + +const useStyles = makeStyles(theme => ({ + root: { + margin: theme.spacing(4), + padding: theme.spacing(2), + minHeight: theme.spacing(60) + } +})); + const App: React.FC = () => { - return <h1>Hello, world!</h1> + const classes = useStyles(); + + return ( + <Benzin> + <Paper className={classes.root}> + <ContentSection sectionName="famcs-kit"> + Hello, world! + </ContentSection> + </Paper> + </Benzin> + ); }; + ReactDOM.render( <React.StrictMode> <App /> |