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

export default function AddMoney({
  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 transform="translate(1.400024, 8.299999)">
          <circle id="Oval-4" stroke={stroke} cx="5" cy="5.95488722" r="5" />
          <path
            d="M7.4,5.40226604 L5.6,5.40226604 L5.6,3.60226604 C5.6,3.27106604 5.3312,3.00226604 5,3.00226604 C4.6688,3.00226604 4.4,3.27106604 4.4,3.60226604 L4.4,5.40226604 L2.6,5.40226604 C2.2688,5.40226604 2,5.67106604 2,6.00226604 C2,6.33346604 2.2688,6.60226604 2.6,6.60226604 L4.4,6.60226604 L4.4,8.40226604 C4.4,8.73346604 4.6688,9.00226604 5,9.00226604 C5.3312,9.00226604 5.6,8.73346604 5.6,8.40226604 L5.6,6.60226604 L7.4,6.60226604 C7.7312,6.60226604 8,6.33346604 8,6.00226604 C8,5.67106604 7.7312,5.40226604 7.4,5.40226604 Z"
            fill={fill}
            fillRule="nonzero"
          />
        </g>
        <g transform="translate(4.882353, 1.308897)" stroke={stroke}>
          <path
            d="M6.62504667,12.1793193 C6.70012136,12.1896195 7.08022728,12.2470819 7.15605035,12.2563817 C7.81576195,12.3372964 8.50329245,12.3800801 9.20980392,12.3800801 C10.3942141,12.3800801 11.5252804,12.2598414 12.561364,12.041285"
            strokeLinecap="round"
          />
          <path
            d="M0.217622645,4.53836541 C0.213530597,4.82264369 0.213530597,7.24678047 0.213530597,7.96169252 M6.73126671,15.2206017 C6.78418592,15.2285882 6.8373046,15.2363254 6.8906179,15.2438108 C7.63085209,15.3477431 8.40860538,15.4031366 9.21088398,15.4031366 C11.4918102,15.4031366 13.5744985,14.9553918 15.1603463,14.217424"
            strokeWidth="0.95"
            strokeLinecap="square"
          />
          <path d="M11.9376553,0.214977232 C11.0771135,0.0753344088 10.1606484,0 9.20980392,0 C4.23057788,0 0.194117647,2.0658466 0.194117647,4.61419753 C0.194117647,7.16254846 4.23057788,9.22839506 9.20980392,9.22839506 C9.45989784,9.22839506 9.70761336,9.22318335 9.95255845,9.21296055" />
        </g>
        <g
          transform="translate(22.326025, 8.649156) rotate(40.000000) translate(-22.326025, -8.649156) translate(12.826025, 1.940822)"
          stroke={stroke}
        >
          <ellipse
            id="Oval-Copy-2"
            cx="9.37452165"
            cy="5.55091432"
            rx="9.01568627"
            ry="4.61419753"
          />
          <path d="M0.378248327,5.79488401 C0.378248327,7.49815341 0.378248327,8.52957793 0.378248327,8.88915755 C0.378248327,11.3527815 4.41084581,13.3499432 9.38530689,13.3499432 C14.359768,13.3499432 18.3923655,11.3527815 18.3923655,8.88915755 C18.3923655,8.56641114 18.3923655,7.4536634 18.3923655,5.55091432" />
        </g>
      </g>
    </svg>
  );
}

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

AddMoney.defaultProps = {
  ...Icon.defaultProps,
  width: 31,
  height: 20,
  viewBox: '0 0 31 20',
};