react-mdlite/src/components/Footer.js

React wrappers for Material Design Lite (MDL) components

var React = require('react');
var PureRenderMixin = require('react/addons').addons.PureRenderMixin;

var MegaFooter = React.createClass({

  displayName: 'MaterialMegaFooter',

  mixins: [ PureRenderMixin ],

  propTypes: {
    className: React.PropTypes.string
  },

  getDefaultProps: function() {
    return {
      className: ''
    };
  },

  getSectionClassName: function() {
    var topLevel = ['top-section', 'middle-section', 'bottom-section'];
    var secondLevel = ['left-section', 'right-section', 'drop-down-section', 'social-btn', 'heading', ];
  },

  getClassName: function() {
    var footerPrefix = 'mdl-mega-footer',
        userDefinedClasses = this.props.className.split(' ');

    return [footerPrefix]
      .concat(userDefinedClasses)
      .join(' ');
  },

  render: function() {

    return (
      <div {...this.props} className={this.getClassName()}>
        { this.props.children }
      </div>
    );

  }

});

module.exports = MegaFooter;