import React from 'react';

const Interactive = ({ fill = '#C1C8CD', width = '25', className = '', viewBox = '0 0 25 25' }) => (
  <svg
    width={width}
    height={width}
    viewBox={viewBox}
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    className={className}
  >
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M3.25 12.7891C3.25 7.68043 7.39137 3.53906 12.5 3.53906C17.5825 3.53906 21.7077 7.63829 21.7497 12.7108C21.7531 13.125 22.0917 13.458 22.5059 13.4546C22.9201 13.4512 23.2531 13.1126 23.2496 12.6984C23.2009 6.80301 18.4068 2.03906 12.5 2.03906C6.56294 2.03906 1.75 6.852 1.75 12.7891C1.75 18.6959 6.51395 23.4899 12.4094 23.5387C12.8236 23.5421 13.1621 23.2091 13.1655 22.7949C13.169 22.3807 12.836 22.0422 12.4218 22.0387C7.34923 21.9968 3.25 17.8716 3.25 12.7891ZM12.5 8.53906C10.1528 8.53906 8.25 10.4419 8.25 12.7891C8.25 14.5726 9.34882 16.1012 10.9092 16.7315C11.2933 16.8867 11.4789 17.3238 11.3237 17.7079C11.1686 18.0919 10.7315 18.2775 10.3474 18.1224C8.2395 17.2709 6.75 15.2048 6.75 12.7891C6.75 9.61343 9.32436 7.03906 12.5 7.03906C14.9157 7.03906 16.9818 8.52856 17.8333 10.6365C17.9884 11.0205 17.8029 11.4576 17.4188 11.6128C17.0347 11.7679 16.5976 11.5823 16.4425 11.1983C15.8122 9.63788 14.2835 8.53906 12.5 8.53906ZM15.1699 22.0505L12.5573 14.2126C12.2758 13.3682 13.0792 12.5649 13.9235 12.8464L21.7614 15.459C22.7462 15.7872 22.7462 17.1801 21.7614 17.5084L18.8672 18.4731C18.5447 18.5806 18.2916 18.8337 18.1841 19.1562L17.2193 22.0505C16.8911 23.0352 15.4982 23.0352 15.1699 22.0505Z"
      fill={fill}
    />
  </svg>
);

export default Interactive;
