@age/quantum/Socials/sub-components/SocialType.js

Catho react components

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _SocialIcons = require("./SocialIcons");

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

var SocialWrapper = _styledComponents.default.a.withConfig({
  displayName: "SocialType__SocialWrapper",
  componentId: "sc-1mt3xlt-0"
})(["display:inline-flex;"]);

var SocialType = function SocialType(_ref) {
  var type = _ref.type,
      url = _ref.url,
      size = _ref.size,
      title = _ref.title,
      withBox = _ref.withBox;
  return _react.default.createElement(SocialWrapper, {
    href: url
  }, type === 'twitter' && _react.default.createElement(_SocialIcons.SocialTwitterIcon, {
    size: size,
    title: title,
    withBox: withBox
  }), type === 'youtube' && _react.default.createElement(_SocialIcons.SocialYoutubeIcon, {
    size: size,
    title: title,
    withBox: withBox
  }), type === 'facebook' && _react.default.createElement(_SocialIcons.SocialFacebookIcon, {
    size: size,
    title: title,
    withBox: withBox
  }));
};

SocialType.defaultProps = {
  size: '48',
  withBox: true
};
SocialType.propTypes = {
  type: _propTypes.default.string.isRequired,
  url: _propTypes.default.string.isRequired,
  size: _propTypes.default.string,
  title: _propTypes.default.string.isRequired,
  withBox: _propTypes.default.bool
};
var _default = SocialType;
exports.default = _default;