import PropTypes from 'prop-types';
import React from 'react';
import Icon from '../icon';

export default function Questionmark({
  stroke,
  fill,
  strokeWidth,
  style: styleProp,
  ...rest // eslint-disable-line comma-dangle
}) {
  const style = {
    ...styleProp,
    ...Icon.defaultProps.style,
  };

  return (
    <svg style={style} {...rest}>
      <g stroke="none" strokeWidth={strokeWidth} fill="none" fillRule="evenodd">
        <g fillRule="nonzero" fill={fill}>
          <g stroke="none" strokeWidth="1" fill={fill} fillRule="evenodd">
            <path
              d="M13.6572632,2.34273684 C12.1465263,0.832 10.1372632,0 8,0 C5.86273684,0 3.85431579,0.832 2.34273684,2.34273684 C0.831157895,3.85347368 0,5.86273684 0,7.99915789 C0,10.1355789 0.832,12.1448421 2.34273684,13.6564211 C3.85347368,15.168 5.86273684,15.9991579 8,15.9991579 C10.1372632,15.9991579 12.1456842,15.1671579 13.6572632,13.6564211 C15.1688421,12.1456842 16,10.1364211 16,7.99915789 C16,5.86189474 15.168,3.85347368 13.6572632,2.34273684 Z M8,15.1578947 C4.05305263,15.1578947 0.842105263,11.9469474 0.842105263,8 C0.842105263,4.05305263 4.05305263,0.842105263 8,0.842105263 C11.9469474,0.842105263 15.1578947,4.05305263 15.1578947,8 C15.1578947,11.9469474 11.9469474,15.1578947 8,15.1578947 Z"
              fillRule="nonzero"
            />
            <path d="M7.25,12.1739316 C7.25,11.6720841 7.49896017,11.4211641 7.99688797,11.4211641 C8.23755307,11.4211641 8.42323586,11.4857391 8.55394191,11.614891 C8.68464796,11.744043 8.75,11.930388 8.75,12.1739316 C8.75,12.4100952 8.68361062,12.5936727 8.55082988,12.7246696 C8.41804913,12.8556666 8.23340367,12.9211641 7.99688797,12.9211641 C7.78111925,12.9211641 7.6026978,12.8630466 7.46161826,12.7468099 C7.32053871,12.6305731 7.25,12.4396156 7.25,12.1739316 Z" />
            <path d="M7.51000977,8.67999268 L7.50136872,8.67999268 L7.50474901,10.2859362 C7.64570885,10.3565442 7.79745693,10.3918481 7.95999324,10.3918481 C8.12252956,10.3918481 8.2754044,10.3565442 8.41861777,10.2859362 L8.41601278,9.4182669 C10.2556661,9.08957896 11.9200031,7.80677319 11.9200031,6.25 C11.9200031,4.43978372 10.144639,3 7.98500305,3 C5.82536713,3 4.05000305,4.43978372 4.05000305,6.25 C4.15027364,6.31983654 4.28486125,6.35475481 4.45376587,6.35475481 C4.62267049,6.35475481 4.77808289,6.31983654 4.92000305,6.25 C4.92000305,4.92497534 6.27864572,3.8231441 7.98500305,3.8231441 C9.69136038,3.8231441 11.0500031,4.92497534 11.0500031,6.25 C11.0500031,7.57502466 9.21636709,8.6768559 7.51000977,8.6768559 L7.51000977,8.67999268 Z" />
          </g>
        </g>
      </g>
    </svg>
  );
}

Questionmark.propTypes = {
  ...Icon.propTypes,
  stroke: PropTypes.string,
  fill: PropTypes.string,
  strokeWidth: PropTypes.number,
};

Questionmark.defaultProps = Icon.defaultProps;