import React from 'react'
import { DefaultProps } from '../../typings'
import Vector from '../../../Vector'

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

const wording = {
  title: 'Gift Card Icon',
  description: 'Gift Card Icon',
}

class GiftCardIcon extends React.PureComponent<Props> {
  static defaultProps = {
    width: '20px',
    height: '20px',
    viewBox: '0 0 20 20',
    fill: 'black',
  }

  render() {
    return (
      <Vector {...this.props} {...wording} vectorClassName={'giftcardicon'}>
        <g>
          <path d="M18 4.63h-2.18a3 3 0 0 0-5.32-2.65l-.5.67-.5-.68a3 3 0 0 0-5.32 2.66H2c-1.11 0-1.99.89-1.99 2l-.01 11a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-11a2 2 0 0 0-2-2zm-5-2a1 1 0 0 1 1 1 1 1 0 0 1-1 1 1 1 0 0 1-1-1 1 1 0 0 1 1-1zm-6 0a1 1 0 0 1 1 1 1 1 0 0 1-1 1 1 1 0 0 1-1-1 1 1 0 0 1 1-1zm11 15H2v-2h16v2zm0-5H2v-6h5.08L5 9.46l1.62 1.17L9 7.39l1-1.36 1 1.36 2.38 3.24L15 9.46l-2.08-2.83H18v6z" />
        </g>
      </Vector>
    )
  }
}

export { GiftCardIcon }
export default GiftCardIcon