basic layout #4

frontend/src/components/footer.js

@@ -0,0 +1,35 @@
+import React from 'react';
+import { makeStyles } from '@material-ui/core/styles';
+import Typography from '@material-ui/core/Typography';
+import Box from '@material-ui/core/Box';
+
+function Copyright() {
+    return (
+        <Typography variant="body2" align="center">
+            {'Copyright © '}
+            {new Date().getFullYear()}
+            {' Oliver Boehlk, Falk Bachmann'}
+            {'.'}
+        </Typography>
+    );
+}
+
+const useStyles = makeStyles(theme => ({
+    footer: {
+        backgroundColor: theme.palette.primary.main,
+        color: theme.palette.primary.light,
+        padding: theme.spacing(6, 0),
+    },
+}));
+
+export default function Footer() {
+    const classes = useStyles();
+
+    return (
+        <footer className={classes.footer}>
+            <Box >
+                <Copyright />
+            </Box>
+        </footer >
+    );
+}