boldr-ui/Footer/Footer.js

UI components for Boldr

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _taggedTemplateLiteral2 = require('babel-runtime/helpers/taggedTemplateLiteral');

var _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2);

var _templateObject = (0, _taggedTemplateLiteral3.default)(['\n  position: relative;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  padding: 40px 0;\n  min-height: 150px;\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 71rem;\n'], ['\n  position: relative;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  padding: 40px 0;\n  min-height: 150px;\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 71rem;\n']);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _styledComponents = require('styled-components');

var _styledComponents2 = _interopRequireDefault(_styledComponents);

var _classnames = require('classnames');

var _classnames2 = _interopRequireDefault(_classnames);

var _Layout = require('../Layout');

var _styleClasses = require('../../theme/styleClasses');

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var FooterInner = _styledComponents2.default.div(_templateObject);
var BASE_ELEMENT = _styleClasses.StyleClasses.FOOTER;

var Footer = function Footer(props) {
  var classes = (0, _classnames2.default)(BASE_ELEMENT, props.className);

  var renderCol = _react2.default.createElement(
    _Layout.Row,
    null,
    _react2.default.createElement(
      _Layout.Col,
      { sm: 12, md: 6 },
      props.colMain
    ),
    _react2.default.createElement(
      _Layout.Col,
      { sm: 12, md: 6 },
      _react2.default.createElement(
        _Layout.Row,
        null,
        _react2.default.createElement(
          _Layout.Col,
          { sm: 12, md: 3 },
          props.col2
        ),
        _react2.default.createElement(
          _Layout.Col,
          { sm: 12, md: 3 },
          props.col3
        )
      )
    )
  );
  var renderSingle = _react2.default.createElement(
    _Layout.Row,
    { xsCenter: true },
    _react2.default.createElement(
      _Layout.Col,
      { xs: true },
      props.children
    )
  );
  return _react2.default.createElement(
    'footer',
    { className: classes },
    _react2.default.createElement(
      FooterInner,
      null,
      props.single ? renderSingle : renderCol
    )
  );
};

Footer.propTypes = process.env.NODE_ENV !== "production" ? {
  className: require('prop-types').string.isRequired,
  single: require('prop-types').bool.isRequired,
  colMain: require('prop-types').any,
  col2: require('prop-types').any,
  col3: require('prop-types').any,
  children: require('prop-types').any
} : {};
Footer.defaultProps = {
  single: false
};

exports.default = Footer;