feat: create Benzin paper

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 />