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

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

const wording = {
  description: 'a shipping box, usually made of cardboard and cube shaped.',
  title: 'Orders Icon',
}

class OrdersIcon extends React.PureComponent<Props> {
  static defaultProps = {
    width: '27px',
    height: '27px',
    viewBox: '-1 -1 27 27',
    stroke: '#000000',
    strokeWidth: '1px',
    fillRule: 'evenodd',
    strokeLinecap: 'round',
    strokeLinejoin: 'round',
  }

  render() {
    return (
      <Vector {...this.props} {...wording} fill="none">
        <g>
          <polygon points="0.224537049 24.9495215 17.8122954 24.9495215 17.8122954 7.12822255 0.224537049 7.12822255" />
          <polyline points="0.245098039 7.14592504 8.01549551 0.000178212989 24.8473988 0.000178212989 24.8473988 17.8565257 17.8372955 24.9294586" />
          <polygon points="24.754902 0 17.6999097 7.16392455 19.5149663 11.3222276 24.754902 5.75" />
          <polyline points="15.3286133 0.0744628906 8.67743154 7.11424944 8.67743154 24.9499967" />
          <path d="M8.45271862,14.8864874 C8.45271862,14.8864874 5.35551437,11.3400489 4.34890833,13.1043575 C3.44900136,14.6809484 7.37048522,16.4577319 8.45271862,14.8864874 Z" />
          <path d="M8.45271862,15.4805307 L11.9702703,18.4507472" />
          <path d="M8.81397117,14.9485649 C8.81397117,14.9485649 11.3477809,10.9696629 12.6053056,12.5599168 C13.7297496,13.9802744 10.1183966,16.3368441 8.81397117,14.9485649 Z" />
          <path d="M8.9024376,15.5361926 L5.86737676,19.0101578" />
        </g>
      </Vector>
    )
  }
}

export { OrdersIcon }
export default OrdersIcon