import Grid from "@material-ui/core/Grid";
import logo from "./logo.png";
import Link from "@material-ui/core/Link";
import React from "react";

class FooterComponent extends React.Component {
    constructor(props) {
        super(props);
    }
    render() {
        return (
            <footer>
                <Grid container spacing={3} id = "footerContainer">
                    <Grid item xs={3}>
                    </Grid>
                    <Grid item xs={6} id = "footerMiddle">
                        <img src={logo} id="logoImage"/>
                    </Grid>
                    <Grid item xs={3}>
                    </Grid>
                </Grid>
                <Grid container spacing={3} id = "footerBottom">
                    <Grid item xs={3}>
                    </Grid>
                    <Grid item xs={6}>
                        <ul id="footer-nav">
                            <li><Link to="/">Home</Link></li>
                            <li><Link to="/about">Map</Link></li>
                            <li><Link to="/teachers">Report</Link></li>
                            <li><Link to="/courses">About</Link></li>
                        </ul>
                    </Grid>
                    <Grid item xs={3}>
                    </Grid>
                </Grid>
            </footer>
        );
    }
}

export default FooterComponent;