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

const wording = {
  description:
    'an exclamation mark inside of a triangle(denoting danger & special attention be payed to this region)',
  title: 'Caution Triangle Icon',
}

class CautionTriangleIcon extends React.PureComponent<DefaultProps> {
  static defaultProps = {
    width: '42',
    height: '42',
    viewBox: '0 0 42 42',
    stroke: '#000000',
    strokeWidth: '2px',
    strokeLinecap: 'round',
    strokeMiterlimit: '10',
  }

  render() {
    return (
      <Vector {...this.props} {...wording} fill={'none'}>
        <g>
          <line x1={'20.82'} y1={'13.61'} x2={'20.82'} y2={'24.61'} />
          <line x1={'20.82'} y1={'29.61'} x2={'20.82'} y2={'31.61'} />
          <path d={'M4.42,39.72H37.58a3.42,3.42,0,0,0,3-5L24,2.84a3.42,3.42,0,0,0-6.06,0L1.39,34.72A3.42,3.42,0,0,0,4.42,39.72Z'} />
        </g>
      </Vector>
    )
  }
}

export { CautionTriangleIcon }
export default CautionTriangleIcon