import React from "react";

export const VisualizationIcon: React.SFC<React.SVGProps<
  SVGSVGElement
>> = props => {
  return (
    <svg
      width="32"
      height="32"
      viewBox="0 0 32 32"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      data-testid="visualizationIcon"
      {...props}
    >
      <path
        d="M27.84 15.69C24.71 9.5 16.18 9.02 15.82 9H15.73L15.64 9.01C6.28 10.5 4.21 15.54 4.13 15.76L4 16.09L4.16 16.4C7.29 22.72 15.63 22.99 15.98 23H16.03L16.08 22.99C25.53 22.08 27.78 16.57 27.87 16.33L28 16.01L27.84 15.69ZM16 21.08C13.12 21.08 10.77 18.8 10.77 16C10.77 13.2 13.12 10.92 16 10.92C18.88 10.92 21.23 13.2 21.23 16C21.23 18.8 18.88 21.08 16 21.08ZM5.85 16.03C6.23 15.35 7.4 13.69 10.23 12.32C9.51 13.38 9.09 14.64 9.09 16C9.09 17.52 9.62 18.93 10.5 20.06C8.74 19.28 6.95 18.03 5.85 16.03ZM21.58 19.95C22.42 18.84 22.91 17.47 22.91 16C22.91 14.58 22.45 13.26 21.68 12.18C23.4 12.99 25.1 14.21 26.16 16.07C25.75 16.8 24.52 18.62 21.58 19.95Z"
        fill="black"
      />
      <path
        d="M16 18.21C17.2592 18.21 18.28 17.2205 18.28 16C18.28 14.7794 17.2592 13.79 16 13.79C14.7408 13.79 13.72 14.7794 13.72 16C13.72 17.2205 14.7408 18.21 16 18.21Z"
        fill="#3E933A"
      />
    </svg>
  );
};
