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

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

const wording = {
  description: 'Diners card Icon is used to represent the Diners card',
  title: 'DinersCardIcon',
  vectorClassName: 'dinerscard',
}

class DinersCardIcon extends React.PureComponent<Props> {
  static defaultProps = {
    width: '40px',
    height: '40px',
    viewBox: '0 0 636.17 504',
    fill: 'black',
  }

  render() {
    const identifier = fromPropsToIdentifier(wording)
    return (
      <Vector {...this.props} {...wording} stroke="none" namespace={identifier}>
        <g>
          <path d="M372.69,504c137.75.66,263.48-112.34,263.48-249.81C636.17,103.86,510.44,0,372.69,0H254.14C114.74,0,0,103.89,0,254.19,0,391.69,114.74,504.66,254.14,504Z" />
          <path d="M254.7,20.83c-127.38,0-230.6,103.29-230.63,230.72S127.32,482.2,254.7,482.24,485.35,379,485.37,251.55,382.11,20.87,254.7,20.83ZM108.51,251.55h0a146.46,146.46,0,0,1,93.85-136.47V388A146.4,146.4,0,0,1,108.51,251.55ZM307,388.05h0v-273a146.14,146.14,0,0,1,0,273Z" />
          <path d="M372.69,504c137.75.66,263.48-112.34,263.48-249.81C636.17,103.86,510.44,0,372.69,0H254.14C114.74,0,0,103.89,0,254.19,0,391.69,114.74,504.66,254.14,504Z" />
          <path
            fill="white"
            d="M254.7,20.83c-127.38,0-230.6,103.29-230.63,230.72S127.32,482.2,254.7,482.24,485.35,379,485.37,251.55,382.11,20.87,254.7,20.83ZM108.51,251.55h0a146.46,146.46,0,0,1,93.85-136.47V388A146.4,146.4,0,0,1,108.51,251.55ZM307,388.05h0v-273a146.14,146.14,0,0,1,0,273Z"
          />
        </g>
      </Vector>
    )
  }
}

export { DinersCardIcon }
export default DinersCardIcon