import React from 'react';
import Grid from '@material-ui/core/Grid';
import { Typography } from '@material-ui/core';

import { withStyles } from '@material-ui/core/styles';
import green from '../../../../style/theme/colors/green';

const styles = theme => ({
  root: {
    height: theme.spacing.unit * 12,
    backgroundColor: green[200],
    padding: theme.spacing.unit * 1,
    color: 'white'
  },
  link: {
    textDecoration: 'none',
    color: 'white'
  }
});
const Footer = ({ classes }) => (
  <section>
    <Grid
      container
      direction="column"
      justify="space-between"
      alignItems="flex-end"
      className={classes.root}
    >
      <a href="/" className={classes.link}>
        <Typography variant="body1" color="inherit">
Help
        </Typography>
      </a>
      <Typography variant="body1" color="inherit">
@ 2018 Elephant
      </Typography>

    </Grid>
  </section>
);

Footer.defaultProps = {
  copyright: ''
};


export default withStyles(styles)(Footer);