// @flow
import * as React from 'react';

type Props = {
  backgroundColor: ?string,
  color: ?string
};

const Classify = ({ backgroundColor, color }: Props) => (
  <svg width="20px" height="20px" viewBox="0 0 20 20">
    <g id="icone-ranger" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
      <g id="Ranger">
        <circle id="Oval-6" fill={backgroundColor} cx="10" cy="10" r="10" />
        <g
          id="shuffle"
          transform="translate(10.000000, 9.751708) scale(1, -1) translate(-10.000000, -9.751708) translate(5.000000, 4.751708)" // eslint-disable-line
          fill={color}
          fillRule="nonzero"
          stroke={color}
          strokeWidth="0.5"
        >
          <path
            d="M8.42938497,6.25455581 C8.30865604,6.13382688 8.11503417,6.13382688 7.99430524,6.25455581 C7.87357631,6.37528474 7.87357631,6.56890661 7.99430524,6.68963554 L8.94874715,7.64407745 L7.16059226,7.64407745 C5.68223235,7.64407745 4.47949886,6.44134396 4.47949886,4.96298405 L4.47949886,3.7784738 C4.47949886,1.96070615 3.00113895,0.482346241 1.1833713,0.482346241 L0.333712984,0.482346241 C0.162870159,0.482346241 0.0261958998,0.619020501 0.0261958998,0.789863326 C0.0261958998,0.96070615 0.162870159,1.09738041 0.333712984,1.09738041 L1.1833713,1.09738041 C2.66173121,1.09738041 3.86446469,2.3001139 3.86446469,3.7784738 L3.86446469,4.96298405 C3.86446469,6.78075171 5.3428246,8.25911162 7.16059226,8.25911162 L8.94874715,8.25911162 L7.99430524,9.21355353 C7.87357631,9.33428246 7.87357631,9.52790433 7.99430524,9.64863326 C8.05353075,9.70785877 8.1332574,9.73974943 8.21070615,9.73974943 C8.2881549,9.73974943 8.36788155,9.71013667 8.42710706,9.64863326 L9.90774487,8.16799544 C10.0284738,8.04726651 10.0284738,7.85364465 9.90774487,7.73291572 L8.42938497,6.25455581 Z" // eslint-disable-line
            id="Shape"
          />
        </g>
      </g>
    </g>
  </svg>
);

Classify.defaultProps = {
  color: '#5404d7',
  backgroundColor: '#f2f1fa'
};

export default Classify;