@age/quantum/Socials/sub-components/SocialYoutubeIcon.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"));

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

var StyledSvg = _styledComponents.default.svg.withConfig({
  displayName: "SocialYoutubeIcon__StyledSvg",
  componentId: "sc-1w70vxt-0"
})(["display:inline-block;"]);

var SocialYoutubeIcon = function SocialYoutubeIcon(_ref) {
  var size = _ref.size,
      title = _ref.title,
      withBox = _ref.withBox;
  var SVGOriginalSize = 48;
  var SVGOriginalSizeWithBox = 50;
  return withBox ? _react.default.createElement(StyledSvg, {
    role: "img",
    "aria-labelledby": "youtube-title",
    xmlns: "http://www.w3.org/2000/svg",
    width: size,
    height: size,
    viewBox: "0 0 ".concat(SVGOriginalSizeWithBox, " ").concat(SVGOriginalSizeWithBox)
  }, _react.default.createElement("title", {
    id: "youtube-title"
  }, title), _react.default.createElement("g", {
    id: "Box_Youtube",
    transform: "translate(350 -35)"
  }, _react.default.createElement("rect", {
    id: "Rectangle_3",
    "data-name": "Rectangle 3",
    width: SVGOriginalSize,
    height: SVGOriginalSize,
    rx: "8",
    transform: "translate(-349 36)",
    fill: "#fff",
    stroke: "#424242",
    strokeWidth: "2"
  }), _react.default.createElement("path", {
    id: "Path_20",
    "data-name": "Path 20",
    d: "M422.05,96.9a3.711,3.711,0,0,0-2.6-2.617c-2.283-.617-11.45-.617-11.45-.617s-9.167,0-11.467.617a3.685,3.685,0,0,0-2.6,2.617,39.409,39.409,0,0,0-.6,7.1,38.348,38.348,0,0,0,.617,7.1,3.711,3.711,0,0,0,2.6,2.617c2.283.616,11.45.616,11.45.616s9.167,0,11.467-.616a3.687,3.687,0,0,0,2.6-2.617,39.409,39.409,0,0,0,.6-7.1A38.348,38.348,0,0,0,422.05,96.9Z",
    transform: "translate(-733 -44)",
    fill: "#ee3124"
  }), _react.default.createElement("path", {
    id: "Path_21",
    "data-name": "Path 21",
    d: "M405,108.367V99.633L412.667,104Z",
    transform: "translate(-733 -44)",
    fill: "#fff"
  }))) : _react.default.createElement(StyledSvg, {
    xmlns: "http://www.w3.org/2000/svg",
    role: "img",
    "aria-labelledby": "youtube-title",
    width: size,
    height: size,
    viewBox: "0 0 ".concat(SVGOriginalSize, " ").concat(SVGOriginalSize)
  }, _react.default.createElement("title", {
    id: "youtube-title"
  }, title), _react.default.createElement("g", {
    id: "Youtube",
    transform: "translate(347.5 36.5)"
  }, _react.default.createElement("path", {
    id: "Path_9",
    "data-name": "Path 9",
    d: "M429.075,13.35a5.569,5.569,0,0,0-3.9-3.925C421.75,8.5,408,8.5,408,8.5s-13.75,0-17.2.925a5.526,5.526,0,0,0-3.9,3.925C386,16.8,386,24,386,24s0,7.2.925,10.65a5.569,5.569,0,0,0,3.9,3.925C394.25,39.5,408,39.5,408,39.5s13.75,0,17.2-.925a5.526,5.526,0,0,0,3.9-3.925C430,31.2,430,24,430,24S430,16.8,429.075,13.35Z",
    transform: "translate(-732 -36)",
    fill: "#ee3124",
    width: SVGOriginalSize,
    height: SVGOriginalSize
  }), _react.default.createElement("path", {
    id: "Path_10",
    "data-name": "Path 10",
    d: "M403.5,30.55V17.45L415,24Z",
    transform: "translate(-732 -37)",
    fill: "#fff"
  })));
};

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