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

export default function Like({
  stroke,
  fill,
  strokeWidth,
  style: styleProp,
  ...rest // eslint-disable-line comma-dangle
}) {
  const style = {
    ...styleProp,
    ...Icon.defaultProps.style,
  };
  return (
    <svg style={style} {...rest}>
      <g stroke={stroke} strokeWidth={strokeWidth} fill={fill} fillRule="evenodd">
        <path d="M17.3620276,10.0866957 C17.7686776,9.62681866 18,8.86725664 18,8.14369282 C18,7.66581671 17.8944362,7.24733763 17.694324,6.93325334 C17.4336274,6.52467377 17.01688,6.29968502 16.5211892,6.29968502 L14.118007,6.29968502 C15.4260799,3.9679016 15.7565404,2.21118944 15.1002091,1.07364632 C14.6421541,0.280785961 13.8031516,0 13.2230098,0 C12.9935234,0 12.7989189,0.166491675 12.7686267,0.389680516 C12.6043143,1.57672116 11.678107,2.99325034 10.2277526,4.27568622 C8.83798256,5.50412479 7.13060329,6.4859757 5.37549085,7.07454627 C5.1542659,6.61736913 4.6796879,6.30058497 4.13075629,6.30058497 L1.37691876,6.30058497 C0.617777551,6.30058497 0,6.90625469 0,7.65051747 L0,15.7501125 C0,16.4943753 0.617777551,17.100045 1.37691876,17.100045 L4.13075629,17.100045 C4.71273395,17.100045 5.21026059,16.7445628 5.41220868,16.2432878 C7.21230047,16.4646768 7.88974451,16.819259 8.54607578,17.1630418 C9.36763731,17.5932203 10.1423836,18 12.6795859,18 C13.3405069,18 13.9628742,17.8308085 14.4328625,17.5239238 C14.8918354,17.2242388 15.1855781,16.8030598 15.2828803,16.3152842 C15.6491407,16.1694915 15.9740935,15.8329084 16.2228569,15.3325334 C16.4651946,14.8456577 16.6221633,14.2237888 16.6221633,13.7477126 C16.6221633,13.6586171 16.6166556,13.5767212 16.6065582,13.5011249 C16.8387985,13.3337333 17.0471722,13.0754462 17.2188281,12.7352632 C17.4666735,12.2447878 17.6153807,11.6301185 17.6153807,11.0919454 C17.6153807,10.7103645 17.542863,10.3926804 17.4005814,10.1460927 C17.3886481,10.1262937 17.3767148,10.1064947 17.3647815,10.0875956 L17.3620276,10.0866957 Z M4.12892039,16.19919 L1.37508287,16.19919 C1.12172982,16.19919 0.91610995,15.9976001 0.91610995,15.7492125 L0.91610995,7.64961752 C0.91610995,7.40122994 1.12172982,7.19964002 1.37508287,7.19964002 L4.12892039,7.19964002 C4.38227345,7.19964002 4.58789331,7.40122994 4.58789331,7.64961752 L4.58789331,15.7483126 L4.58789331,15.7492125 C4.58789331,15.9976001 4.38227345,16.19919 4.12892039,16.19919 Z" />
      </g>
    </svg>
  );
}

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

Like.defaultProps = {
  ...Icon.defaultProps,
  viewBox: '0 0 20 20',
};