import React from 'react'

const wording = {
  title: 'Visa Card',
  description: 'Visa Card is one of the type of Payment card',
  vectorClassName: 'visacard',
}

class VisaCardIcon extends React.PureComponent {
  static wording = wording
  render() {
    return (
      <g fill="none" fillRule="evenodd">
        <rect fill="#26337A" width="100" height="60" rx="4" />
        <path
          fill="#FFFFFE"
          d="M41.5 39.5l3-19h5l-3 19h-5M64.2 21c-1-.4-2.5-.9-4.4-.9-4.8 0-8.3 2.6-8.3 6.3 0 2.8 2.5 4.3 4.3 5.2 2 1 2.6 1.5 2.6 2.4 0 1.3-1.6 1.8-3 1.8-2 0-3-.2-4.6-1l-.6-.3-.7 4.3c1.1.5 3.3 1 5.5 1 5.1 0 8.5-2.5 8.5-6.5 0-2.2-1.3-3.8-4.1-5.2-1.7-.9-2.8-1.4-2.8-2.3 0-.8 1-1.7 2.8-1.7 1.7 0 2.8.4 3.7.8l.5.2.6-4.2M70.8 32.8l2-5.3.6-1.9.3 1.7 1.2 5.5h-4.1zm6-12.3H73c-1.1 0-2 .3-2.5 1.6l-7.3 17.5h5.1l1-3 6.4.1.6 2.9h4.5l-4-19.1zM37.4 20.5l-4.8 13-.6-2.7c-.9-3-3.6-6.3-6.8-8l4.4 16.7h5.2l7.8-19h-5.2"
        />
        <path
          d="M28 20.5h-7.8l-.1.4a16.5 16.5 0 0 1 12 10L30.2 22c-.3-1.2-1.1-1.6-2.2-1.6"
          fill="#EC982D"
        />
      </g>
    )
  }
}

export { VisaCardIcon }
export default VisaCardIcon