added Footer

Author: PolGuixe

src/components/Footer/Footer.jsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { withStyles } from 'material-ui/styles';
+
+import styles from './styles';
+
+class Footer extends React.PureComponent {
+  static propTypes = {
+    classes: PropTypes.shape({}).isRequired,
+    children: PropTypes.element.isRequired,
+  };
+
+  render() {
+    const { classes, children } = this.props;
+    return (
+      <div className={classes.footer}>
+        {children}
+      </div>
+    );
+  }
+}
+
+export default withStyles(styles)(Footer);

src/components/Footer/index.js

@@ -0,0 +1,3 @@
+import Footer from './Footer';
+
+export default Footer;

src/components/Footer/styles.js

@@ -0,0 +1,19 @@
+const styles = theme => ({
+  footer: {
+    backgroundColor: theme.palette.background.appBar,
+    color: theme.palette.getContrastText(theme.palette.background.appBar),
+    padding: '20px 10px',
+  },
+  message: {
+    textAlign: 'center',
+    marginBottom: '30px',
+  },
+  logoImage: {
+    maxHeight: '50px',
+    maxWidth: '300px',
+    margin: '0',
+    padding: '0',
+  },
+});
+
+export default styles;