boldr-ui/Social/Social.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  padding-left: 0;\n  list-style-type: none;\n  display: inline-flex;\n  justify-content: space-between;\n'], ['\n  padding-left: 0;\n  list-style-type: none;\n  display: inline-flex;\n  justify-content: space-between;\n']),
    _templateObject2 = (0, _taggedTemplateLiteral3.default)(['\n  padding-left: 0;\n'], ['\n  padding-left: 0;\n']);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

var _styledComponents2 = _interopRequireDefault(_styledComponents);

var _Facebook = require('./Facebook');

var _Facebook2 = _interopRequireDefault(_Facebook);

var _Github = require('./Github');

var _Github2 = _interopRequireDefault(_Github);

var _Google = require('./Google');

var _Google2 = _interopRequireDefault(_Google);

var _Twitter = require('./Twitter');

var _Twitter2 = _interopRequireDefault(_Twitter);

var _LinkedIn = require('./LinkedIn');

var _LinkedIn2 = _interopRequireDefault(_LinkedIn);

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

var SocialList = _styledComponents2.default.ul(_templateObject);
var SocialItem = _styledComponents2.default.li(_templateObject2);

if (typeof exports !== 'undefined') Object.defineProperty(exports, 'babelPluginFlowReactPropTypes_proptype_Props', {
  value: {
    facebook: require('prop-types').bool,
    fburl: require('prop-types').string,
    twitter: require('prop-types').bool,
    turl: require('prop-types').string,
    github: require('prop-types').bool,
    ghurl: require('prop-types').string,
    google: require('prop-types').bool,
    gurl: require('prop-types').string,
    linkedin: require('prop-types').bool,
    lurl: require('prop-types').string
  }
});

var Social = function Social(props) {
  return _react2.default.createElement(
    SocialList,
    null,
    props.facebook ? _react2.default.createElement(
      SocialItem,
      null,
      _react2.default.createElement(_Facebook2.default, { href: props.fburl })
    ) : null,
    props.twitter ? _react2.default.createElement(
      SocialItem,
      null,
      _react2.default.createElement(_Twitter2.default, { href: props.turl })
    ) : null,
    props.github ? _react2.default.createElement(
      SocialItem,
      null,
      _react2.default.createElement(_Github2.default, { href: props.ghurl })
    ) : null,
    props.google ? _react2.default.createElement(
      SocialItem,
      null,
      _react2.default.createElement(_Google2.default, { href: props.gurl })
    ) : null,
    props.linkedin ? _react2.default.createElement(
      SocialItem,
      null,
      _react2.default.createElement(_LinkedIn2.default, { href: props.lurl })
    ) : null
  );
};

Social.propTypes = process.env.NODE_ENV !== "production" ? {
  facebook: require('prop-types').bool,
  fburl: require('prop-types').string,
  twitter: require('prop-types').bool,
  turl: require('prop-types').string,
  github: require('prop-types').bool,
  ghurl: require('prop-types').string,
  google: require('prop-types').bool,
  gurl: require('prop-types').string,
  linkedin: require('prop-types').bool,
  lurl: require('prop-types').string
} : {};
exports.default = Social;