import React from 'react';
import calcFill from './fill';

export default ({
  fill = null,
  light = false,
  disabled = false,
  colors = {},
  ...rest
}) => (
  <svg
    id="svg4300"
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 42 42"
    {...rest}
  >
    <path
      fill={calcFill({ fill, disabled, light, colors })}
      d="M36.44 20.3a15 15 0 1 1-15-15 15 15 0 0 1 15 15z"
    />
    <path
      fill="#fff"
      d="M13.64 20.3a1.9 1.9 0 1 1-1.9-1.9 1.9 1.9 0 0 1 1.9 1.9zm11 9.4a1.9 1.9 0 1 0 .7-2.6 1.93 1.93 0 0 0-.7 2.6zm3.3-16.8a1.9 1.9 0 1 0-2.6.7 1.93 1.93 0 0 0 2.6-.7zm-6.5 1.9a5.54 5.54 0 0 1 5.5 5h2.8a7.73 7.73 0 0 0-2.4-5.3 2.68 2.68 0 0 1-2.3-.2 2.78 2.78 0 0 1-1.3-1.9 8.11 8.11 0 0 0-5.9.6l1.4 2.4a4 4 0 0 1 2.2-.6zm-5.5 5.5a5.45 5.45 0 0 1 2.3-4.5l-1.4-2.4a8 8 0 0 0-3.4 4.8 2.81 2.81 0 0 1 1 2.1 2.66 2.66 0 0 1-1 2.1 8.4 8.4 0 0 0 3.4 4.8l1.4-2.4a5.45 5.45 0 0 1-2.3-4.5zm5.5 5.5a5.93 5.93 0 0 1-2.3-.5l-1.4 2.4a9.16 9.16 0 0 0 3.7.9 7.8 7.8 0 0 0 2.2-.3 2.59 2.59 0 0 1 1.3-1.9 2.68 2.68 0 0 1 2.3-.2 8.18 8.18 0 0 0 2.4-5.4h-2.8a5.37 5.37 0 0 1-5.4 5z"
    />
  </svg>
);