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

interface Props extends DefaultProps {
  strokeWidth?: string
}

const wording = {
  description: 'Coat Hanger',
  title: 'Coat Hanger Icon',
  vectorClassName: 'coathanger',
}

class CoatHangerIcon extends React.PureComponent<Props> {
  static defaultProps = {
    width: '44px',
    height: '28px',
    viewBox: '0 0 44 28',
    stroke: '#000000',
    strokeWidth: '2',
    fill: 'none',
  }

  render() {
    const { stroke, strokeWidth, fill, ...remainingProps } = this.props
    return (
      <Vector {...remainingProps} {...wording}>
        <g>
          <path
            stroke={stroke}
            strokeWidth={strokeWidth}
            fill={fill}
            d={'M41.102 26.027H2.899a1.899 1.899 0 0 1-.942-3.547L22 11.027l20.044 11.454a1.9 1.9 0 0 1-.942 3.546zM19.086 4.374c0-1.782 1.6-3.19 3.442-2.867a2.925 2.925 0 0 1 2.34 2.34 2.917 2.917 0 0 1-.989 2.754C22.76 7.546 22 8.846 22 10.311v.716'}
            strokeLinecap={'round'}
            strokeLinejoin={'round'}
          />
        </g>
      </Vector>
    )
  }
}

export { CoatHangerIcon }
export default CoatHangerIcon