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 >
    );
}