import React from 'react'
import { DefaultProps } from 'icons/typings'

// extending interface from Label component
interface Props extends DefaultProps {}

const color = '#FFDE38'
const backgroundColor = '#000'
const wording = {
  description:
    'Payments Card Icon is used to represent the payement section card',
  title: 'PaymentsCardIcon',
  vectorClassName: 'paymentscard',
}

class WesternUnionCardIcon extends React.PureComponent<Props> {
  static wording = wording

  render() {
    return (
      <g fill="none" fillRule="evenodd">
        <rect fill={backgroundColor} width="100" height="60" rx="4" />
        <path
          d="M35.5 21c-2.4 0-3.7 1-3.7 2.6 0 1 .4 1.8 1.7 2.2l2.2.6c.3.1.5.3.5.6s-.3.6-.7.6c-.3 0-.5 0-.6-.2a1 1 0 0 1-.2-.7h-3c0 2.1 1.7 2.7 3.6 2.7 2.3 0 3.9-.8 3.9-2.8 0-1-.4-1.6-1.5-2-.8-.4-1.9-.6-2.5-.8-.3-.1-.5-.2-.5-.5s.2-.5.7-.5c.4 0 .7.2.7.7H39c0-1.9-1.5-2.5-3.5-2.5zM79 21v17.8h1V21.1h-1zm10.2.1a1 1 0 0 0-1.1 1 1 1 0 0 0 2.1 0c0-.5-.5-1-1-1zm-79.6.1l1.7 8h3.4l.8-5.2.7 5.2h3.5l1.7-8h-2.8l-.7 5-.8-5H14l-.8 5-.7-5H9.7zm13.8 0v8h6.1v-2h-3.1v-1h2.8v-2h-2.8v-.9h3v-2h-6zm17.5 0v2.2h2v5.8H46v-5.8h2v-2.2H41zm9.3 0v8h6.2v-2h-3.2v-1h2.8v-2h-2.8v-.9h3v-2h-6zm8.5 0v8h3.1v-2.8h.4c.5 0 .7.1.7.5l.4 2.3h3.1l-.5-3c-.1-.6-.6-1-1.3-1 1.2-.3 1.6-1 1.6-2 0-1.5-1-2-2.8-2h-4.7zm10 0v8h2.5v-4.9l1.7 5h3.8v-8h-2.5V26l-1.7-4.9h-3.9zm17.5 0v17.6h1V21.2h-1zm3 0c.5 0 .8.5.8 1s-.3.9-.8.9a.9.9 0 0 1-1-1c0-.4.4-.8 1-.8zm-.4.4v1.2h.1v-.6h.3l.3.6h.2l-.4-.6c.2 0 .4 0 .4-.3 0-.2-.1-.3-.4-.3h-.5zm.1 0h.3c.2 0 .3.1.3.3 0 .2-.2.2-.4.2H89v-.4zM62 23h.3c.6 0 1 .2 1 .7 0 .6-.4.9-1 .9h-.3V23zm.3 7.6c-2.7 0-4.1 1.7-4.1 4.2s1.4 4.2 4.1 4.2c2.8 0 4.1-1.7 4.1-4.2s-1.3-4.2-4-4.2zm-30.7.2V36c0 2 1.4 2.9 3.8 2.9s3.8-1 3.8-2.9v-5.3H36V36c0 .6-.3.8-.7.8-.3 0-.6-.2-.6-.8v-5.2h-3.2zm10.3 0v8h2.5v-4.9l1.7 4.9h3.8v-8h-2.5v4.8l-1.7-4.8h-3.8zm10.7 0v8h3.2v-8h-3.2zm16.2 0v8h2.6v-4.9l1.7 4.9h3.8v-8h-2.5v4.8l-1.7-4.8h-3.9zm-6.5 1.9c.5 0 .9.3.9 2 0 2-.4 2.2-.9 2.2s-.8-.3-.8-2.1.3-2.1.8-2.1z"
          fill={color}
        />
      </g>
    )
  }
}

export { WesternUnionCardIcon }
export default WesternUnionCardIcon