import React from 'react'
import Vector from 'atoms/Vector'
import { DefaultProps } from 'icons/typings'
import { fromPropsToIdentifier } from 'atoms/Icons/deps'

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

const wording = {
  description: 'Apple icon is used to represent the Apple payment section',
  title: 'Apple Icon',
  vectorClassName: 'applepay',
}

class ApplePayIcon extends React.PureComponent<Props> {
  static defaultProps = {
    width: '46px',
    height: '22px',
    viewBox: '0 0 46 22',
    fill: '#000000',
  }

  render() {
    const identifier = fromPropsToIdentifier(this.props)
    return (
      <Vector {...this.props} {...wording} namespace={identifier}>
        <g>
          <path d="M9 2.64c.63-.73.95-1.68.88-2.64-.96.09-1.84.54-2.48 1.25-.64.7-.96 1.63-.89 2.57.97.01 1.89-.42 2.5-1.18zm2.44 6.16c.01 1.47.9 2.79 2.25 3.36a8.95 8.95 0 0 1-1.16 2.35c-.7 1.01-1.43 2.02-2.57 2.04-1.13.02-1.49-.66-2.77-.66-1.29 0-1.7.64-2.76.68-1.1.04-1.95-1.09-2.65-2.1C.33 12.42-.77 8.67.7 6.12a4.13 4.13 0 0 1 3.48-2.08c1.09-.02 2.1.72 2.77.72.67 0 1.91-.89 3.22-.76 1.23.04 2.36.65 3.08 1.64a3.76 3.76 0 0 0-1.82 3.16zm7.76 7.65h-1.36V1.69l.14-.02a15.39 15.39 0 0 1 3.13-.29c.79-.02 1.57.1 2.33.32.6.19 1.17.5 1.64.94a4.07 4.07 0 0 1 1.15 3 4.3 4.3 0 0 1-1.57 3.52c-.52.42-1.1.72-1.74.9a9.48 9.48 0 0 1-3.72.17v6.22zm0-7.46c.23.06.46.1.7.12.3.03.62.04.97.04 1.05.06 2.1-.25 2.95-.87a3.13 3.13 0 0 0 1.04-2.55 3.4 3.4 0 0 0-.27-1.41 2.52 2.52 0 0 0-.76-.97 3.6 3.6 0 0 0-1.2-.58 5.93 5.93 0 0 0-1.57-.2 11.66 11.66 0 0 0-1.86.15v6.27zm14.04 7.47h1.32l-.04-.2a7.9 7.9 0 0 1-.12-1.19l-.03-1.25v-4.1c0-.5-.05-1-.14-1.48a3.7 3.7 0 0 0-.57-1.37 3.2 3.2 0 0 0-1.15-1.01 4.02 4.02 0 0 0-1.88-.39 5.14 5.14 0 0 0-3.12.92l-.11.08.46 1.06.16-.11a4.55 4.55 0 0 1 2.5-.75c.47-.03.94.07 1.35.3.3.18.56.43.74.74.16.3.27.63.32.96.05.31.07.62.08.93v.12a8.78 8.78 0 0 0-4.66 1 3.34 3.34 0 0 0-1.46 4.05 2.81 2.81 0 0 0 1.61 1.66 4.23 4.23 0 0 0 3.57-.32c.27-.16.52-.35.74-.57l.26-.28h.05l.12 1.2zm-.7-2.2c-.35.51-.85.88-1.43 1.08a3.4 3.4 0 0 1-1.1.16c-.25 0-.5-.04-.72-.12a1.73 1.73 0 0 1-1.03-.97 2.29 2.29 0 0 1-.17-.9 2 2 0 0 1 .47-1.38 3.1 3.1 0 0 1 1.22-.82c.53-.2 1.08-.32 1.65-.37.48-.04.95-.07 1.4-.07H33v2.1a2.3 2.3 0 0 1-.46 1.3zm11.13-8.55l-2.55 6.83c-.16.42-.3.83-.44 1.24l-.2.57h-.04l-.2-.6c-.13-.4-.27-.8-.42-1.17L37.1 5.7h-1.46l3.9 9.9c.07.12.1.25.12.39a7.2 7.2 0 0 1-2.71 3.64c-.28.16-.57.3-.87.44l-.14.07.47 1.13.15-.05a5.4 5.4 0 0 0 1.88-1.14c.37-.32.7-.69.99-1.1.31-.45.6-.92.85-1.41.28-.53.56-1.13.84-1.8l.87-2.2 3.15-7.86h-1.46z" />
        </g>
      </Vector>
    )
  }
}

export { ApplePayIcon }
export default ApplePayIcon