Why Gemfury? Push, build, and install  RubyGems npm packages Python packages Maven artifacts PHP packages Go Modules Debian packages RPM packages NuGet packages

Repository URL to install this package:

Details    
@skava/ui / dist / components / atoms / Icons / LogoIcon / PaypalIcon / PaypalIcon.js
Size: Mime:
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

const tslib_1 = require("tslib");

const react_1 = tslib_1.__importDefault(require("react"));

const Vector_1 = tslib_1.__importDefault(require("../../../Vector"));

const deps_1 = require("../../deps");

const wording = {
  description: 'PayPal`s iconic brand, a registered trademarked logo. a "P" inside of a circle.',
  title: 'PayPal Icon'
};

function fromBreedToComponent(props) {
  const {
    breed
  } = props;

  switch (breed) {
    case 'withBg':
      return {
        svgPath: react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement("g", {
          fillRule: "nonzero",
          fill: "none"
        }, react_1.default.createElement("rect", {
          fill: "#1C3663",
          width: "750",
          height: "471",
          rx: "40"
        }), react_1.default.createElement("path", {
          d: "M234.331 184.968c-1.668-3.362-4.306-6.136-7.581-8.218-3.417-2.103-7.45-3.576-12.06-4.45-4.691-.853-10.11-1.239-16.387-1.3l-28.982.02c-3.013.041-5.965 2.398-6.672 5.323l-19.5 85.354c-.708 2.885 1.182 5.303 4.195 5.303h13.88c3.012 0 5.994-2.347 6.661-5.303l4.761-20.724c.637-2.885 3.61-5.292 6.652-5.292h3.973c16.973-.02 30.114-3.505 39.556-10.484 9.493-6.99 14.173-16.224 14.173-27.662-.01-5.009-.829-9.214-2.669-12.567zM204.4 212.854c-4.196 3.088-10.028 4.632-17.55 4.632h-3.396c-3.023 0-4.873-2.397-4.216-5.323l4.175-18.123c.587-2.905 3.63-5.313 6.612-5.293l4.549-.03c5.307 0 9.36.924 12.07 2.712 2.679 1.768 4.023 4.582 4.003 8.31.08 5.669-2.072 10.027-6.247 13.115zM301.1 196.474c-5.246-2.983-13.53-4.474-24.854-4.474-5.6 0-11.18.44-16.822 1.318-4.163.643-4.568.766-7.13 1.327-5.287 1.165-6.117 6.486-6.117 6.486l-1.702 7.057c-.962 4.505 1.61 4.331 2.684 3.953 2.31-.694 3.596-1.41 8.315-2.472 4.507-1.031 9.257-1.807 13.024-1.756 5.56 0 9.814.592 12.65 1.797 2.795 1.226 4.193 3.33 4.193 6.374l-.243 1.981-2.005 1.246c-7.89.5-13.592 1.236-20.51 2.247-6.765.95-12.7 2.615-17.632 4.892-5.297 2.35-9.226 5.505-11.97 9.52-2.654 4.034-3.981 8.926-3.981 14.666 0 5.403 1.924 9.866 5.661 13.319 3.758 3.39 8.72 5.045 14.655 5.045 3.758-.02 6.664-.317 8.73-.817l6.736-2.339 5.701-3.187 5.247-3.493.07.102-.526 2.247-.03.092v.02c-.568 2.738 1.073 4.985 3.716 5.25l.051.062h12.913l.182-.082c2.775-.327 5.378-2.574 5.986-5.25l10.138-44.255.526-3.605.244-3.381c.04-6.271-2.644-10.918-7.9-13.89zm-22.423 49.76l-2.167 2.88-5.47 2.85c-2.572 1.052-5.013 1.583-7.271 1.583-3.423 0-6.107-.5-7.92-1.522l-2.684-5.26c0-2.85.648-5.107 2.036-6.843l5.894-4.045c2.522-.858 5.6-1.583 9.166-2.083 3.18-.398 9.46-1.124 10.28-1.144l.962 1.706c-.193.97-1.975 8.487-2.826 11.878z",
          fill: "#FFF"
        }), react_1.default.createElement("path", {
          d: "M554.064 196.484C548.79 193.5 540.52 192 529.233 192a104.9 104.9 0 0 0-16.804 1.348c-4.17.613-4.586.746-7.157 1.297-5.274 1.154-6.094 6.496-6.094 6.496l-1.7 7.047c-.952 4.505 1.559 4.3 2.733 3.953 2.318-.694 3.563-1.379 8.24-2.482 4.484-1.021 9.272-1.777 13.048-1.756 5.537 0 9.789.602 12.613 1.807 2.814 1.226 4.19 3.35 4.19 6.363l-.212 1.972-1.984 1.276c-7.967.48-13.676 1.216-20.519 2.227-6.742.95-12.694 2.604-17.634 4.892-5.274 2.36-9.252 5.515-11.965 9.54-2.682 4.034-3.988 8.916-3.988 14.605 0 5.444 1.903 9.907 5.689 13.339 3.776 3.38 8.685 5.076 14.617 5.076 3.735-.04 6.64-.286 8.716-.827l6.711-2.309 5.75-3.186 5.203-3.534.091.112-.476 2.268-.05.04.02.041c-.628 2.738 1.022 5.005 3.695 5.25l.02.051h12.896l.213-.071c2.743-.337 5.335-2.584 5.912-5.29l10.163-44.195.536-3.626.294-3.39c.01-6.251-2.642-10.878-7.936-13.85zm-22.361 49.76l-2.258 2.911-5.415 2.83c-2.572 1.041-5.021 1.582-7.238 1.582-3.533 0-6.145-.51-7.906-1.532l-2.713-5.24c0-2.86.658-5.096 1.984-6.863 1.346-1.665 3.401-3.033 5.952-4.034 2.49-.858 5.568-1.553 9.151-2.073 3.159-.399 9.414-1.144 10.224-1.155l.982 1.706c-.142.97-1.933 8.457-2.763 11.868zM487.331 184.977c-1.738-3.383-4.346-6.115-7.641-8.248-3.376-2.113-7.38-3.596-12.06-4.45-4.599-.822-10.087-1.269-16.324-1.279l-29.02.02c-3.023.051-5.924 2.408-6.621 5.303l-19.519 85.385c-.708 2.895 1.233 5.292 4.185 5.292l13.898-.02c2.952.02 5.974-2.357 6.672-5.282l4.7-20.732c.687-2.885 3.67-5.313 6.671-5.292h3.973c16.992 0 30.163-3.515 39.644-10.473 9.37-7.039 14.111-16.252 14.111-27.7-.05-4.987-.91-9.203-2.669-12.524zm-29.93 27.923c-4.185 3.027-10.027 4.571-17.507 4.571h-3.457c-2.982.03-4.913-2.407-4.245-5.312l4.205-18.091c.616-2.895 3.628-5.323 6.63-5.292l4.499-.03c5.337.03 9.34.914 12.069 2.701 2.719 1.788 4.003 4.592 4.033 8.31.03 5.667-2.062 10.035-6.227 13.143zM606.873 177.231c.637-2.91-1.181-5.271-4.16-5.23h-12.42c-2.545 0-4.838 1.895-5.959 4.226l-.686 1.075-.626 2.757-17.359 79.207-.566 2.433.02.06c-.575 2.606 1.02 4.572 3.485 4.947l.212.294h12.895c2.524 0 4.897-1.926 5.978-4.298l.666-1.014 18.56-84.447-.04-.01z",
          fill: "#369"
        }), react_1.default.createElement("path", {
          d: "M395.894 193.001c-3.29.04-16.657 0-16.657 0-2.995 0-6.84 2.423-8.743 5.312 0 0-19.895 34.203-21.828 37.64l-2.307-.03-6.194-37.377c-.688-2.94-3.754-5.454-7.569-5.454l-12.447.02c-2.995 0-4.837 2.393-4.16 5.313 0 0 9.453 53.88 11.345 66.56.88 6.996-.111 8.242-.111 8.242l-12.306 21.471c-1.821 2.92-.84 5.302 2.146 5.302l14.39-.02c2.995 0 6.931-2.362 8.712-5.292l55.354-93.79c0 .01 5.323-8.008.375-7.897z",
          fill: "#FFF"
        }))),
        viewBox: '0 0 750 471'
      };

    case 'transparentBg':
      return {
        svgPath: react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement("rect", {
          width: "470",
          height: "304",
          fill: "transparent",
          stroke: "#cccccc",
          strokeWidth: "5px"
        }), react_1.default.createElement("g", {
          transform: "translate(-90, -110)"
        }, react_1.default.createElement("g", {
          fill: "#253B80"
        }, react_1.default.createElement("path", {
          d: "M193.6,221.2h-27.2c-1.6,0-3.2,1.6-4,3.2l-11.2,70.4c0,1.6,0.8,2.4,2.4,2.4h12.8\n              c1.6,0,3.2-1.6,4-3.2l3.2-19.2c0-1.6,1.6-3.2,4-3.2h8.8c18.4,0,28.8-8.8,31.2-26.4c1.6-7.2,0-13.6-3.2-17.6\n              C209.6,223.6,203.2,221.2,193.6,221.2 M196.8,247.6c-1.6,9.6-8.8,9.6-16,9.6h-4l3.2-18.4c0-0.8,0.8-1.6,2.4-1.6h1.6\n              c4.8,0,9.6,0,12,3.2C196.8,241.2,197.6,243.6,196.8,247.6"
        }), react_1.default.createElement("path", {
          d: "M276,246.8h-12.8c-0.8,0-2.4,0.8-2.4,1.6l-0.8,4l-0.8-1.6c-3.2-4-8.8-5.6-15.2-5.6\n              c-14.4,0-27.2,11.2-29.6,26.4c-1.6,8,0.8,15.2,4.8,20s9.6,6.4,16.8,6.4c12,0,18.4-7.2,18.4-7.2l-0.8,4c0,1.6,0.8,2.4,2.4,2.4h12\n              c1.6,0,3.2-1.6,4-3.2l7.2-44.8C278.4,248.4,276.8,246.8,276,246.8 M257.6,272.4c-1.6,7.2-7.2,12.8-15.2,12.8c-4,0-7.2-1.6-8.8-3.2\n              c-1.6-2.4-2.4-5.6-2.4-9.6c0.8-7.2,7.2-12.8,14.4-12.8c4,0,6.4,1.6,8.8,3.2C256.8,265.2,257.6,269.2,257.6,272.4"
        }), react_1.default.createElement("path", {
          d: "M345.6,246.8H332c-1.6,0-2.4,0.8-3.2,1.6l-17.6,27.2l-8-25.6c-0.8-1.6-1.6-2.4-4-2.4h-12.8\n            c-1.6,0-2.4,1.6-2.4,3.2l14.4,42.4l-13.6,19.2c-0.8,1.6,0,4,1.6,4h12.8c1.6,0,2.4-0.8,3.2-1.6l44-63.2\n            C348.8,249.2,347.2,246.8,345.6,246.8"
        })), react_1.default.createElement("g", {
          fill: "#179BD7"
        }, react_1.default.createElement("path", {
          d: "M389.6,221.2h-27.2c-1.6,0-3.2,1.6-4,3.2l-11.2,70.4c0,1.6,0.8,2.4,2.4,2.4H364\n            c1.6,0,2.4-0.8,2.4-2.4l3.2-20c0-1.6,1.6-3.2,4-3.2h8.8c18.4,0,28.8-8.8,31.2-26.4c1.6-7.2,0-13.6-3.2-17.6\n            C405.6,223.6,398.4,221.2,389.6,221.2 M392.8,247.6c-1.6,9.6-8.8,9.6-16,9.6H372l3.2-18.4c0-0.8,0.8-1.6,2.4-1.6h1.6\n            c4.8,0,9.6,0,12,3.2C392.8,241.2,392.8,243.6,392.8,247.6"
        }), react_1.default.createElement("path", {
          d: "M471.2,246.8h-12.8c-0.8,0-2.4,0.8-2.4,1.6l-0.8,4l-0.8-1.6c-3.2-4-8.8-5.6-15.2-5.6\n            c-14.4,0-27.2,11.2-29.6,26.4c-1.6,8,0.8,15.2,4.8,20s9.6,6.4,16.8,6.4c12,0,18.4-7.2,18.4-7.2l-0.8,4c0,1.6,0.8,2.4,2.4,2.4h12\n            c1.6,0,3.2-1.6,4-3.2l7.2-44.8C473.6,248.4,472.8,246.8,471.2,246.8 M452.8,272.4c-1.6,7.2-7.2,12.8-15.2,12.8c-4,0-7.2-1.6-8.8-3.2\n            c-1.6-2.4-2.4-5.6-2.4-9.6c0.8-7.2,7.2-12.8,14.4-12.8c4,0,6.4,1.6,8.8,3.2C452.8,265.2,453.6,269.2,452.8,272.4"
        }), react_1.default.createElement("path", {
          d: "M486.4,223.6l-11.2,72c0,1.6,0.8,2.4,2.4,2.4h11.2c1.6,0,3.2-1.6,4-3.2l11.2-70.4\n            c0-1.6-0.8-2.4-2.4-2.4h-12.8C488,221.2,487.2,222,486.4,223.6"
        })))),
        viewBox: '0 0 470 304'
      };

    default:
      return {
        svgPath: react_1.default.createElement("g", {
          fill: "none"
        }, react_1.default.createElement("path", {
          fill: "#253B80",
          d: "M46.211 6.749h-6.839a.95.95 0 0 0-.939.802l-2.766 17.537a.57.57 0 0 0 .564.658h3.265a.95.95 0 0 0 .939-.803l.746-4.73a.95.95 0 0 1 .938-.803h2.165c4.505 0 7.105-2.18 7.784-6.5.306-1.89.013-3.375-.872-4.415-.972-1.142-2.696-1.746-4.985-1.746zM47 13.154c-.374 2.454-2.249 2.454-4.062 2.454h-1.032l.724-4.583a.57.57 0 0 1 .563-.481h.473c1.235 0 2.4 0 3.002.704.359.42.469 1.044.332 1.906zm19.654-.079h-3.275a.57.57 0 0 0-.563.481l-.145.916-.229-.332c-.709-1.029-2.29-1.373-3.868-1.373-3.619 0-6.71 2.741-7.312 6.586-.313 1.918.132 3.752 1.22 5.031.998 1.176 2.426 1.666 4.125 1.666 2.916 0 4.533-1.875 4.533-1.875l-.146.91a.57.57 0 0 0 .562.66h2.95a.95.95 0 0 0 .939-.803l1.77-11.209a.568.568 0 0 0-.561-.658zm-4.565 6.374c-.316 1.871-1.801 3.127-3.695 3.127-.951 0-1.711-.305-2.199-.883-.484-.574-.668-1.391-.514-2.301.295-1.855 1.805-3.152 3.67-3.152.93 0 1.686.309 2.184.892.499.589.697 1.411.554 2.317zm22.007-6.374h-3.291a.954.954 0 0 0-.787.417l-4.539 6.686-1.924-6.425a.953.953 0 0 0-.912-.678h-3.234a.57.57 0 0 0-.541.754l3.625 10.638-3.408 4.811a.57.57 0 0 0 .465.9h3.287a.949.949 0 0 0 .781-.408l10.946-15.8a.57.57 0 0 0-.468-.895z"
        }), react_1.default.createElement("path", {
          fill: "#179BD7",
          d: "M94.992 6.749h-6.84a.95.95 0 0 0-.938.802l-2.766 17.537a.569.569 0 0 0 .562.658h3.51a.665.665 0 0 0 .656-.562l.785-4.971a.95.95 0 0 1 .938-.803h2.164c4.506 0 7.105-2.18 7.785-6.5.307-1.89.012-3.375-.873-4.415-.971-1.142-2.694-1.746-4.983-1.746zm.789 6.405c-.373 2.454-2.248 2.454-4.062 2.454h-1.031l.725-4.583a.568.568 0 0 1 .562-.481h.473c1.234 0 2.4 0 3.002.704.359.42.468 1.044.331 1.906zm19.653-.079h-3.273a.567.567 0 0 0-.562.481l-.145.916-.23-.332c-.709-1.029-2.289-1.373-3.867-1.373-3.619 0-6.709 2.741-7.311 6.586-.312 1.918.131 3.752 1.219 5.031 1 1.176 2.426 1.666 4.125 1.666 2.916 0 4.533-1.875 4.533-1.875l-.146.91a.57.57 0 0 0 .564.66h2.949a.95.95 0 0 0 .938-.803l1.771-11.209a.571.571 0 0 0-.565-.658zm-4.565 6.374c-.314 1.871-1.801 3.127-3.695 3.127-.949 0-1.711-.305-2.199-.883-.484-.574-.666-1.391-.514-2.301.297-1.855 1.805-3.152 3.67-3.152.93 0 1.686.309 2.184.892.501.589.699 1.411.554 2.317zm8.426-12.219l-2.807 17.858a.569.569 0 0 0 .562.658h2.822c.469 0 .867-.34.939-.803l2.768-17.536a.57.57 0 0 0-.562-.659h-3.16a.571.571 0 0 0-.562.482z"
        }), react_1.default.createElement("path", {
          fill: "#253B80",
          d: "M7.266 29.154l.523-3.322-1.165-.027H1.061L4.927 1.292a.316.316 0 0 1 .314-.268h9.38c3.114 0 5.263.648 6.385 1.927.526.6.861 1.227 1.023 1.917.17.724.173 1.589.007 2.644l-.012.077v.676l.526.298a3.69 3.69 0 0 1 1.065.812c.45.513.741 1.165.864 1.938.127.795.085 1.741-.123 2.812-.24 1.232-.628 2.305-1.152 3.183a6.547 6.547 0 0 1-1.825 2c-.696.494-1.523.869-2.458 1.109-.906.236-1.939.355-3.072.355h-.73c-.522 0-1.029.188-1.427.525a2.21 2.21 0 0 0-.744 1.328l-.055.299-.924 5.855-.042.215c-.011.068-.03.102-.058.125a.155.155 0 0 1-.096.035H7.266z"
        }), react_1.default.createElement("path", {
          fill: "#179BD7",
          d: "M23.048 7.667c-.028.179-.06.362-.096.55-1.237 6.351-5.469 8.545-10.874 8.545H9.326c-.661 0-1.218.48-1.321 1.132L6.596 26.83l-.399 2.533a.704.704 0 0 0 .695.814h4.881c.578 0 1.069-.42 1.16-.99l.048-.248.919-5.832.059-.32c.09-.572.582-.992 1.16-.992h.73c4.729 0 8.431-1.92 9.513-7.476.452-2.321.218-4.259-.978-5.622a4.667 4.667 0 0 0-1.336-1.03z"
        }), react_1.default.createElement("path", {
          fill: "#222D65",
          d: "M21.754 7.151a9.757 9.757 0 0 0-1.203-.267 15.284 15.284 0 0 0-2.426-.177h-7.352a1.172 1.172 0 0 0-1.159.992L8.05 17.605l-.045.289a1.336 1.336 0 0 1 1.321-1.132h2.752c5.405 0 9.637-2.195 10.874-8.545.037-.188.068-.371.096-.55a6.594 6.594 0 0 0-1.017-.429 9.045 9.045 0 0 0-.277-.087z"
        }), react_1.default.createElement("path", {
          fill: "#253B80",
          d: "M9.614 7.699a1.169 1.169 0 0 1 1.159-.991h7.352c.871 0 1.684.057 2.426.177a9.757 9.757 0 0 1 1.481.353c.365.121.704.264 1.017.429.368-2.347-.003-3.945-1.272-5.392C20.378.682 17.853 0 14.622 0h-9.38c-.66 0-1.223.48-1.325 1.133L.01 25.898a.806.806 0 0 0 .795.932h5.791l1.454-9.225 1.564-9.906z"
        })),
        viewBox: '0 0 124 33'
      };
  }
}

class PaypalIcon extends react_1.default.PureComponent {
  render() {
    const {
      svgPath,
      viewBox
    } = fromBreedToComponent(this.props);
    const identifier = deps_1.fromPropsToIdentifier(this.props);
    return react_1.default.createElement(Vector_1.default, Object.assign({}, this.props, wording, {
      viewBox: viewBox,
      namespace: identifier
    }), svgPath);
  }

}

PaypalIcon.defaultProps = {
  width: '70px',
  height: '70px',
  viewBox: ''
};
exports.PaypalIcon = PaypalIcon;
exports.default = PaypalIcon; //# sourceMappingURL=PaypalIcon.js.map