@catho/quantum/SocialButton/sub-components/GoogleIcon.js

Catho react components

"use strict";

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: "GoogleIcon__StyledSvg",
  componentId: "sc-aa6l3t-0"
})(["display:inline-block;"]);
var GoogleIcon = function GoogleIcon(_ref) {
  var _ref$size = _ref.size,
    size = _ref$size === void 0 ? '48' : _ref$size,
    title = _ref.title;
  var SVGOriginalSize = 128;
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledSvg, {
    role: "img",
    "aria-labelledby": "google-title",
    xmlns: "http://www.w3.org/2000/svg",
    width: size,
    height: size,
    "enable-background": "new 0 0 128 128",
    id: "Google_Icon",
    version: "1.1",
    viewBox: "0 0 128 128",
    xmlSpace: "preserve",
    xmlnsXlink: "http://www.w3.org/1999/xlink",
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
      id: "google-title",
      children: title
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
      id: "_x31__stroke",
      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
        id: "Google",
        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
          clipRule: "evenodd",
          fill: "none",
          fillRule: "evenodd",
          height: SVGOriginalSize,
          width: SVGOriginalSize
        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
          clipRule: "evenodd",
          d: "M27.585,64c0-4.157,0.69-8.143,1.923-11.881L7.938,35.648    C3.734,44.183,1.366,53.801,1.366,64c0,10.191,2.366,19.802,6.563,28.332l21.558-16.503C28.266,72.108,27.585,68.137,27.585,64",
          fill: "#FBBC05",
          fillRule: "evenodd"
        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
          clipRule: "evenodd",
          d: "M65.457,26.182c9.031,0,17.188,3.2,23.597,8.436L107.698,16    C96.337,6.109,81.771,0,65.457,0C40.129,0,18.361,14.484,7.938,35.648l21.569,16.471C34.477,37.033,48.644,26.182,65.457,26.182",
          fill: "#EA4335",
          fillRule: "evenodd"
        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
          clipRule: "evenodd",
          d: "M65.457,101.818c-16.812,0-30.979-10.851-35.949-25.937    L7.938,92.349C18.361,113.516,40.129,128,65.457,128c15.632,0,30.557-5.551,41.758-15.951L86.741,96.221    C80.964,99.86,73.689,101.818,65.457,101.818",
          fill: "#34A853",
          fillRule: "evenodd"
        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
          clipRule: "evenodd",
          d: "M126.634,64c0-3.782-0.583-7.855-1.457-11.636H65.457v24.727    h34.376c-1.719,8.431-6.397,14.912-13.092,19.13l20.474,15.828C118.981,101.129,126.634,84.861,126.634,64",
          fill: "#4285F4",
          fillRule: "evenodd"
        })]
      })
    })]
  });
};
GoogleIcon.propTypes = {
  size: _propTypes["default"].string,
  title: _propTypes["default"].string.isRequired
};
var _default = exports["default"] = GoogleIcon;