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 Box Icon',
  description: 'Gift Box Icon',
}

class GiftBoxIcon extends React.PureComponent<Props> {
  static defaultProps = {
    width: '30px',
    height: '30px',
    viewBox: '0 0 30 30',
    fill: 'none',
    stroke: 'black',
    fillRule: 'evenodd',
    strokeLinecap: 'round',
    strokeLinejoin: 'round',
    strokeWidth: '1',
  }

  render() {
    return (
      <Vector {...this.props} {...wording} vectorClassName={'giftboxicon'}>
        <g transform="translate(3.000000, 2.000000)">
          <polygon points="0 10.03445 23.7623762 10.03445 23.7623762 4.95252587 0 4.95252587" />
          <path d="M20.0848656,24.829629 L4.24328147,24.829629 C2.99349364,24.829629 1.98019802,23.8183261 1.98019802,22.570996 L1.98019802,10.1485149 L22.3479491,10.1485149 L22.3479491,22.570996 C22.3479491,23.8183261 21.3346535,24.829629 20.0848656,24.829629 Z" />
          <path d="M10,10.03445 L10,24.7155641" />
          <path d="M14,10.03445 L14,24.7155641" />
          <path d="M8,4.95252587 L8,10.03445" />
          <path d="M16,4.95252587 L16,10.03445" />
          <path d="M11.669024,4.76336536 C11.669024,4.76336536 11.3374823,1.26022567 15.0636492,0.246099477 C18.7898161,-0.767462056 19.9004243,4.988664 11.669024,4.76336536 Z" />
          <path d="M11.7319943,4.76336536 C11.7319943,4.76336536 12.0635361,1.26022567 8.33736917,0.246099477 C4.61120226,-0.767462056 3.50059406,4.988664 11.7319943,4.76336536 Z" />
        </g>
      </Vector>
    )
  }
}

export { GiftBoxIcon }
export default GiftBoxIcon