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 up arrow is placed on the top of the tilted sqaure bracket',
  title: 'Upload Icon',
}
class UploadIcon 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
          fill="none"
          transform="translate(-296.000000, -195.000000)"
          stroke={stroke}
          strokeWidth="2"
        >
          <g transform="translate(297.000000, 195.000000)">
            <path d="M19,30 L19,1" />
            <polyline points="7.4715 12.2797 18.7855 0.9657 30.0985 12.2797" />
            <path d="M36.7852,27.966 L36.7852,33.966 C36.7852,36.175 34.9942,37.966 32.7852,37.966 L4.7852,37.966 C2.5762,37.966 0.7852,36.175 0.7852,33.966 L0.7852,27.966" />
          </g>
        </g>
      </Vector>
    )
  }
}

export { UploadIcon }
export default UploadIcon