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

export default function Clock({
  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}>
          <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.832,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 L13.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"
          />
          <path
            d="M13.0227061,4.65692092 L8.01352278,7.54934198 L4.78404909,5.28828934 C4.5937333,5.15523671
            4.33099646,5.2015525 4.19794383,5.39186829 C4.0648912,5.58218408 4.11120699,5.84492092 4.30152278,5.97797355
            L7.75078593,8.39313145 C7.76004909,8.39986829 7.76762804,8.40407882 7.77520699,8.40828934 C7.78868067,8.41586829
            7.79625962,8.42007882 7.80383857,8.42344724 C7.81731225,8.43018408 7.8257333,8.4335525 7.83499646,8.43776303
            C7.85520699,8.44534198 7.85857541,8.44618408 7.86278593,8.44786829 C7.88299646,8.45376303 7.88720699,8.45460513
            7.89057541,8.45544724 C7.91162804,8.46049987 7.91499646,8.46134198 7.91920699,8.46218408 C7.94025962,8.4655525
            7.94531225,8.4655525 7.95036488,8.46639461 C7.97394383,8.46892092 7.98320699,8.46892092 7.99331225,8.46892092
            C8.00931225,8.46892092 8.02531225,8.46807882 8.04131225,8.46639461 C8.05731225,8.4647104 8.07331225,8.46134198
            8.08847014,8.45797355 C8.10615436,8.45376303 8.12047014,8.4495525 8.13478593,8.44365776 C8.15415436,8.43607882
            8.16762804,8.43018408 8.18025962,8.42344724 C8.1928912,8.4167104 8.19710172,8.41418408 8.20215436,8.41165776
            L13.4437587,5.38534198 C13.6450219,5.26913145 13.7140745,5.01144724 13.597864,4.81018408 C13.4816534,4.60976303
            13.2239692,4.5407104 13.0227061,4.65692092 Z"
            transform="translate(8.888152, 6.534706) scale(-1, 1) rotate(-60.000000) translate(-8.888152, -6.534706) "
          />
        </g>
      </g>
    </svg>
  );
}

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

Clock.defaultProps = Icon.defaultProps;