@catho/quantum
Version:
Catho react components
96 lines (95 loc) • 3.98 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _propTypes = _interopRequireDefault(require("prop-types"));
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
var StyledSvg = _styledComponents["default"].svg.withConfig({
displayName: "SocialYoutubeIcon__StyledSvg",
componentId: "sc-1klk40e-0"
})(["display:inline-block;"]);
var SocialYoutubeIcon = function SocialYoutubeIcon(_ref) {
var _ref$size = _ref.size,
size = _ref$size === void 0 ? '48' : _ref$size,
title = _ref.title,
_ref$withBox = _ref.withBox,
withBox = _ref$withBox === void 0 ? true : _ref$withBox;
var SVGOriginalSize = 48;
var SVGOriginalSizeWithBox = 50;
return withBox ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(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),
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
id: "youtube-title",
children: title
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
id: "Box_Youtube",
transform: "translate(350 -35)",
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
id: "Rectangle_3",
"data-name": "Rectangle 3",
width: SVGOriginalSize,
height: SVGOriginalSize,
rx: "8",
transform: "translate(-349 36)",
fill: "#fff",
stroke: "#424242",
strokeWidth: "2"
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("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"
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
id: "Path_21",
"data-name": "Path 21",
d: "M405,108.367V99.633L412.667,104Z",
transform: "translate(-733 -44)",
fill: "#fff"
})]
})]
}) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(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),
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
id: "youtube-title",
children: title
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
id: "Youtube",
transform: "translate(347.5 36.5)",
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("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
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
id: "Path_10",
"data-name": "Path 10",
d: "M403.5,30.55V17.45L415,24Z",
transform: "translate(-732 -37)",
fill: "#fff"
})]
})]
});
};
SocialYoutubeIcon.propTypes = {
size: _propTypes["default"].string,
title: _propTypes["default"].string.isRequired,
withBox: _propTypes["default"].bool
};
var _default = exports["default"] = SocialYoutubeIcon;