From 575ef196e757c8ad9af3cab91f644b7aa98d3a0d Mon Sep 17 00:00:00 2001
From: eug-vs <eug-vs@keemail.me>
Date: Fri, 13 Nov 2020 20:42:41 +0300
Subject: feat: create Benzin paper

---
 src/index.tsx | 25 ++++++++++++++++++++++++-
 1 file changed, 24 insertions(+), 1 deletion(-)

(limited to 'src/index.tsx')

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 />
-- 
cgit v1.2.3

