Initial commit

frontend/src/components/MainContainer/index.js

@@ -0,0 +1,33 @@
+import React from "react";
+
+import { makeStyles } from "@material-ui/core/styles";
+import Container from "@material-ui/core/Container";
+
+const useStyles = makeStyles((theme) => ({
+  mainContainer: {
+    flex: 1,
+    // padding: theme.spacing(2),
+    // height: `calc(100% - 48px)`,
+    padding: 0,
+    height: "100%",
+  },
+
+  contentWrapper: {
+    height: "100%",
+    overflowY: "hidden",
+    display: "flex",
+    flexDirection: "column",
+  },
+}));
+
+const MainContainer = ({ children }) => {
+  const classes = useStyles();
+
+  return (
+    <Container className={classes.mainContainer} maxWidth={false}>
+      <div className={classes.contentWrapper}>{children}</div>
+    </Container>
+  );
+};
+
+export default MainContainer;