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

export default function Car({
  fill,
  style: styleProp,
  ...rest // eslint-disable-line comma-dangle
}) {
  const style = {
    ...styleProp,
    ...Icon.defaultProps.style,
  };
  return (
    <svg style={style} {...rest}>
      <g stroke="none" fillRule="nonzero" fill={fill}>
        <path d="M17.497,9.9992578 C16.669,9.9992578 15.995,9.3247576 15.995,8.4961431 C15.995,8.1028514 16.143,7.735579 16.414,7.4543705 C16.802,7.2111901 17.247,7.0540736 17.721,7.0100409 C18.453,7.1191218 18.999,7.7495894 18.999,8.4961431 C18.999,9.3247576 18.325,9.9992578 17.497,9.9992578 Z M14.125,8.9985156 L8.872,8.9985156 C8.692,8.2999976 8.324,7.6605233 7.807,7.1501448 C7.802,7.1451411 7.796,7.1391367 7.791,7.134133 C7.739,7.0830951 7.684,7.033058 7.63,6.9850224 C6.902,6.3475496 5.967,5.9972898 4.998,5.9972898 C4.029,5.9972898 3.095,6.3485503 2.366,6.9850224 C2.323,7.0230506 2.281,7.0610788 2.24,7.1011085 C2.211,7.1241255 2.184,7.1491441 2.162,7.1781656 C1.66,7.6835404 1.301,8.3120065 1.125,8.9995164 L1.009,8.9995164 C1.114,6.6107448 2.022,4.0008092 5.488,3.9958055 C5.684,4.0038114 8.571,4.1269027 11.546,4.3060356 C17.226,4.6452872 18.134,4.8804616 18.274,4.9435083 C18.672,5.1416553 18.851,5.6210108 18.932,5.9972898 L17.998,5.9972898 C17.898,5.9972898 17.798,6.0012928 17.699,6.008298 C17.693,6.008298 17.687,6.0092988 17.681,6.0092988 C17.03,6.0603366 16.403,6.2704925 15.855,6.6197515 C15.849,6.6227537 15.844,6.6267567 15.838,6.6307596 C15.673,6.7368383 15.515,6.8549259 15.366,6.9850224 C14.756,7.518418 14.324,8.2229405 14.124,8.9985156 L14.125,8.9985156 Z M4.999,9.9992578 C3.896,9.9992578 2.999,9.1025928 2.999,7.9977735 C2.999,7.9157126 3.005,7.8346525 3.014,7.7535924 C3.548,7.2822428 4.246,6.9970313 4.999,6.9970313 C5.752,6.9970313 6.45,7.2822428 6.984,7.7535924 C6.994,7.8346525 6.999,7.9157126 6.999,7.9977735 C6.999,9.1025928 6.101,9.9992578 4.999,9.9992578 Z M6.62,1.3218224 C8.534,0.8424669 11.518,0.9685604 12.306,1.2978046 C12.344,1.3138164 12.696,1.4899471 13.375,2.778903 C13.497,3.0090737 13.608,3.2372429 13.703,3.4393928 C13.098,3.3973617 12.418,3.353329 11.653,3.3072949 C8.559,3.1211568 5.549,2.9950633 5.518,2.9940626 L5.498,2.9940626 C4.877,2.9940626 4.304,3.066116 3.781,3.2092221 C4.364,2.4786803 5.283,1.6560703 6.62,1.3218224 Z M20,6.50666761 C20,6.49565941 20,6.48365051 19.999,6.47264241 C19.993,6.21445091 19.905,4.63828201 18.723,4.04684331 C18.552,3.96178031 18.198,3.78464891 14.84,3.52245441 C14.718,3.24224661 14.513,2.7909119 14.264,2.3185616 C13.485,0.839464701 12.994,0.500213101 12.692,0.374119501 C11.635,-0.0692092001 8.45,-0.1682827 6.378,0.350101701 C5.081,0.674342201 3.919,1.4389092 3.018,2.5607412 C2.505,3.19921471 2.211,3.78464891 2.094,4.04484191 C1.797,4.27901551 1.529,4.55121741 1.291,4.86244821 C0.434,5.97827571 0,7.53743211 0,9.49788602 C0,9.63098472 0.053,9.75807902 0.146,9.85314952 C0.239,9.94621852 0.367,9.99825712 0.5,9.99825712 L1.535,9.99825712 C1.784,9.99825712 1.995,9.81512132 2.03,9.56893872 C2.058,9.37179252 2.106,9.18065072 2.171,8.99851561 C2.584,10.16338 3.696,11 4.999,11 C6.302,11 7.414,10.16338 7.827,8.99851561 C7.892,9.18165152 7.94,9.37179252 7.968,9.56893872 C8.003,9.81512132 8.214,9.99825712 8.463,9.99825712 L14.534,9.99825712 C14.783,9.99825712 14.994,9.81512132 15.029,9.56893872 C15.046,9.44985042 15.071,9.33276352 15.101,9.21867892 C15.413,10.247442 16.369,10.998999 17.497,10.998999 C18.877,10.998999 19.999,9.87616652 19.999,8.49514231 C19.999,7.93973041 19.818,7.42334751 19.508,7.00503721 C19.78,7.00003351 19.999,6.77886951 19.999,6.50466611 L20,6.50666761 Z" />
      </g>
    </svg>
  );
}

Car.propTypes = {
  ...Icon.propTypes,
  fill: PropTypes.string,
};

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