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

export default function Drop({
  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="M5.993,2.112 C5.319,3.888 4.419,5.337 3.543,6.748 C2.179,8.944 1,10.841 1,13.499 C1,16.635 3.147,18.999 5.993,18.999 C8.843,18.999 10.993,16.635 10.993,13.499 C10.993,10.842 9.813,8.946 8.447,6.75 C7.569,5.339 6.667,3.889 5.993,2.112 Z M5.993,19.999 C4.379,19.999 2.875,19.344 1.757,18.154 C0.624,16.948 0,15.295 0,13.499 C0,10.556 1.308,8.45 2.693,6.221 C3.763,4.498 4.87,2.717 5.51,0.368 C5.569,0.15 5.767,0 5.992,0 C6.217,0 6.415,0.151 6.474,0.368 C7.115,2.718 8.223,4.5 9.295,6.223 C10.682,8.452 11.992,10.558 11.992,13.5 C11.992,15.299 11.372,16.952 10.246,18.154 C9.131,19.344 7.62,20 5.992,20 L5.993,19.999 Z" />
        <path d="M5.993,16.9992 C5.216,16.9992 4.488,16.6802 3.944,16.1002 C3.336,15.4522 3.001,14.5292 3.001,13.4992 C3.001,13.2232 3.225,12.9992 3.501,12.9992 C3.777,12.9992 4.001,13.2232 4.001,13.4992 C4.001,14.2732 4.24,14.9542 4.673,15.4152 C5.027,15.7922 5.496,15.9992 5.994,15.9992 C6.135,15.9992 6.274,15.9842 6.407,15.9542 C6.676,15.8932 6.944,16.0622 7.005,16.3312 C7.066,16.6002 6.897,16.8682 6.628,16.9292 C6.423,16.9752 6.21,16.9992 5.994,16.9992 L5.993,16.9992 Z" />
      </g>
    </svg>
  );
}

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

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