react-spatial/components/Footer/Footer.js

Components to build React map apps.

import React, { PureComponent } from 'react';
import PropTypes from 'prop-types';

var propTypes = {
  /**
   * CSS class for the container.
   */
  className: PropTypes.string,

  /**
   * CSS class for the left div.
   */
  classNameLeft: PropTypes.string,

  /**
   * CSS class for the right div.
   */
  classNameRight: PropTypes.string,

  /**
   * Element to display in a container.
   */
  children: PropTypes.node,

  /**
   * Element displayed on the left side of the footer
   */
  left: PropTypes.node,

  /**
   * Element displayed on the right side of the footer
   */
  right: PropTypes.node,
};

var defaultProps = {
  children: undefined,
  className: 'tm-footer',
  classNameLeft: 'tm-footer-left',
  classNameRight: 'tm-footer-right',
  left: undefined,
  right: undefined,
};

/**
 * This component displays a div which stick to the bottom of a container.
 */
var Footer = /*@__PURE__*/(function (PureComponent) {
  function Footer () {
    PureComponent.apply(this, arguments);
  }

  if ( PureComponent ) Footer.__proto__ = PureComponent;
  Footer.prototype = Object.create( PureComponent && PureComponent.prototype );
  Footer.prototype.constructor = Footer;

  Footer.prototype.render = function render () {
    var ref = this.props;
    var children = ref.children;
    var className = ref.className;
    var classNameLeft = ref.classNameLeft;
    var classNameRight = ref.classNameRight;
    var left = ref.left;
    var right = ref.right;
    var lElem = left ? React.createElement( 'div', { className: classNameLeft }, left) : null;
    var rElem = right ? React.createElement( 'div', { className: classNameRight }, right) : null;

    return (
      React.createElement( 'div', { className: className },
        lElem,
        children,
        rElem
      )
    );
  };

  return Footer;
}(PureComponent));

Footer.propTypes = propTypes;
Footer.defaultProps = defaultProps;

export default Footer;

//# sourceMappingURL=Footer.js.map