import React from 'react'
import Vector from 'atoms/Vector'
import { fromPropsToIdentifier } from 'atoms/Icons/deps'
import { wording } from './fixture'

class QuestionIcon extends React.PureComponent {
  static defaultProps = {
    width: '40',
    height: '40',
    viewBox: '0 0 40 40',
  }
  render() {
    // passing in className makes it so you can use styled.withComponent
    const identifier = fromPropsToIdentifier(this.props)

    return (
      <Vector namespace={identifier} {...wording} {...this.props}>
        <path
          fill="white"
          stroke="white"
          d="M38.84,14.22l-11-11a1.34,1.34,0,0,0-1.93,0,1.34,1.34,0,0,0-.41,1v5.5H20.69q-15.32,0-18.8,8.66A19.52,19.52,0,0,0,.75,25.5q0,3.57,2.73,9.69l.22.51c.11.25.21.46.29.65a2.54,2.54,0,0,0,.28.47.77.77,0,0,0,.61.37.61.61,0,0,0,.5-.22.79.79,0,0,0,.18-.53,5.49,5.49,0,0,0,0-.57,3.42,3.42,0,0,1,0-.51c-.08-1-.11-1.85-.11-2.64a18.36,18.36,0,0,1,.37-3.89,11.22,11.22,0,0,1,1-3,7.28,7.28,0,0,1,1.71-2.17,10.38,10.38,0,0,1,2.27-1.5,12.49,12.49,0,0,1,2.86-.91,26.35,26.35,0,0,1,3.31-.46c1.11-.09,2.36-.13,3.77-.13H25.5v5.5a1.32,1.32,0,0,0,.41,1,1.34,1.34,0,0,0,1.93,0l11-11a1.32,1.32,0,0,0,.41-1A1.34,1.34,0,0,0,38.84,14.22Z"
          transform="translate(-0.75 -2.81)"
        />
      </Vector>
    )
  }
}

export { QuestionIcon }
export default QuestionIcon