import React from 'react';
import cx from 'classnames';
import Row from './Row';
import Col from './Col';

class Footer extends React.Component {
  render() {
    let { className, ...props } = this.props;
    let classes = {
      'page-footer': true
    };
    return (
      <footer className={cx(classes, className)}>
        <div className='container'>
          <Row>
            <Col l={6} s={12}>
              {this.props.children}
            </Col>
            <Col l={4} s={12} offset="l2">
              <h5 className='white-text'>Connect</h5>
              {this.props.links}
            </Col>
          </Row>
        </div>
        <div className='footer-copyright'>
          <div className='container'>
            {this.props.copyrights}
            {this.props.moreLinks}
          </div>
        </div>
      </footer>
    );
  }
}
Footer.propTypes = {
  links: React.PropTypes.node,
  moreLinks: React.PropTypes.node,
  copyrights: React.PropTypes.string,
};

export default Footer;

@@ -5,16 +5,42 @@
 rt React
+, %7B Component, PropTypes %7D
  from 'r
@@ -46,16 +46,16 @@
 react';%0A
-
 import c
@@ -147,22 +147,16 @@
 extends 
-React.
 Componen
@@ -332,16 +332,27 @@
 ssName)%7D
+ %7B...props%7D
 %3E%0A      
@@ -530,62 +530,8 @@
 2%22%3E%0A
-              %3Ch5 className='white-text'%3EConnect%3C/h5%3E%0A
     
@@ -850,21 +850,18 @@
 %7B%0A  
-links: React.
+children: 
 Prop
@@ -878,25 +878,19 @@
 ,%0A  
-moreLinks: React.
+className: 
 Prop
@@ -891,28 +891,30 @@
 : PropTypes.
-node
+string
 ,%0A  copyrigh
@@ -921,14 +921,8 @@
 ts: 
-React.
 Prop
@@ -935,16 +935,69 @@
 string,%0A
+  links: PropTypes.node,%0A  moreLinks: PropTypes.node%0A
 %7D;%0A%0Aexpo

Remove hard-coded text from Footer