import React from 'react';

const EyeDisable = ({ 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.96973 5.31939C3.67684 5.0265 3.67684 4.55163 3.96973 4.25873C4.26262 3.96584 4.7375 3.96584 5.03039 4.25873L21.0304 20.2587C21.3233 20.5516 21.3233 21.0265 21.0304 21.3194C20.7375 21.6123 20.2626 21.6123 19.9697 21.3194L17.143 18.4926C15.7337 19.2599 14.1601 19.7891 12.5001 19.7891C8.68455 19.7891 5.32555 16.9937 3.36977 14.936C2.21016 13.7159 2.21016 11.8622 3.36977 10.6422C4.19959 9.76907 5.28202 8.7632 6.54474 7.89441L3.96973 5.31939ZM9.91543 11.2651C9.65151 11.7117 9.50006 12.2327 9.50006 12.7891C9.50006 14.4459 10.8432 15.7891 12.5001 15.7891C13.0564 15.7891 13.5774 15.6376 14.024 15.3737L9.91543 11.2651ZM12.5001 5.78906C16.3156 5.78906 19.6746 8.5844 21.6304 10.6422C22.79 11.8622 22.79 13.7159 21.6304 14.936C21.1903 15.399 20.6792 15.8993 20.1078 16.3968L9.91276 6.2017C10.7422 5.94162 11.6087 5.78906 12.5001 5.78906Z"
      fill={fill}
    />
  </svg>
);

export default EyeDisable;
