import * as React from 'react';

var _path, _path2, _g;
var _excluded = ["title", "titleId"];
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
var SvgCreditCardFrontDark = function SvgCreditCardFrontDark(_ref) {
  var title = _ref.title,
    titleId = _ref.titleId,
    props = _objectWithoutProperties(_ref, _excluded);
  return /*#__PURE__*/React.createElement("svg", _extends({
    xmlns: "http://www.w3.org/2000/svg",
    fill: "none",
    viewBox: "0 0 70 48",
    "aria-labelledby": titleId
  }, props), title ? /*#__PURE__*/React.createElement("title", {
    id: titleId
  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement("path", {
    fill: "#C3CDD5",
    d: "M0 8a8 8 0 0 1 8-8h54a8 8 0 0 1 8 8v32a8 8 0 0 1-8 8H8a8 8 0 0 1-8-8z"
  })), /*#__PURE__*/React.createElement("mask", {
    id: "CreditCardFrontDark_svg__a",
    width: 68,
    height: 46,
    x: 1,
    y: 1,
    maskUnits: "userSpaceOnUse",
    style: {
      maskType: "alpha"
    }
  }, _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
    fill: "#D9D9D9",
    d: "M1 8a7 7 0 0 1 7-7h54a7 7 0 0 1 7 7v32a7 7 0 0 1-7 7H8a7 7 0 0 1-7-7z"
  }))), _g || (_g = /*#__PURE__*/React.createElement("g", {
    mask: "url(#CreditCardFrontDark_svg__a)"
  }, /*#__PURE__*/React.createElement("path", {
    fill: "#202E39",
    d: "M1 5.929A4.93 4.93 0 0 1 5.929 1H65.07A4.93 4.93 0 0 1 70 5.929V42.07A4.93 4.93 0 0 1 65.071 47H5.93A4.93 4.93 0 0 1 1 42.071z"
  }), /*#__PURE__*/React.createElement("path", {
    fill: "#C3CDD5",
    d: "M7 35a2 2 0 0 1 2-2h8.5a2 2 0 0 1 2 2v1a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2zM21.5 35a2 2 0 0 1 2-2H32a2 2 0 0 1 2 2v1a2 2 0 0 1-2 2h-8.5a2 2 0 0 1-2-2zM36 35a2 2 0 0 1 2-2h8.5a2 2 0 0 1 2 2v1a2 2 0 0 1-2 2H38a2 2 0 0 1-2-2zM50.5 35a2 2 0 0 1 2-2H61a2 2 0 0 1 2 2v1a2 2 0 0 1-2 2h-8.5a2 2 0 0 1-2-2z"
  }), /*#__PURE__*/React.createElement("path", {
    fill: "#677A89",
    d: "M49 14a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H51a2 2 0 0 1-2-2z"
  }))));
};

export { SvgCreditCardFrontDark as ReactComponent };
