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 closed square bracket tilted 90 degree clockwise and  a down arrow is placed on the top of the tilted sqaure bracket',
  title: 'Download Icon',
}

class DownloadIcon extends React.PureComponent<Props> {
  static defaultProps = {
    width: '39px',
    height: '39px',
    viewBox: '0 0 39 39',
    stroke: '#000000',
  }

  render() {
    const { stroke } = this.props
    return (
      <Vector {...this.props} {...wording}>
        <g
          stroke="none"
          strokeWidth="1"
          fill="none"
          fillRule="evenodd"
          strokeLinecap="round"
          strokeLinejoin="round"
        >
          <g
            transform="translate(-386.000000, -195.000000)"
            stroke={stroke}
            strokeWidth="2"
          >
            <g transform="translate(297.000000, 195.000000)">
              <path d="M108,1 L108,30" />
              <polyline points="119.3137 18.6523 107.9997 29.9663 96.6867 18.6523" />
              <path d="M126,27.966 L126,33.966 C126,36.175 124.209,37.966 122,37.966 L94,37.966 C91.791,37.966 90,36.175 90,33.966 L90,27.966" />
            </g>
          </g>
        </g>
      </Vector>
    )
  }
}

export { DownloadIcon }
export default DownloadIcon