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
      opacity="0.4"
      d="M21.1303 9.8531C22.2899 11.0732 22.2899 12.9268 21.1303 14.1469C19.1745 16.2047 15.8155 19 12 19C8.18448 19 4.82549 16.2047 2.86971 14.1469C1.7101 12.9268 1.7101 11.0732 2.86971 9.8531C4.82549 7.79533 8.18448 5 12 5C15.8155 5 19.1745 7.79533 21.1303 9.8531Z"
      fill={fill}
    />
    <path
      d="M14.1213 14.1213C14.3999 13.8427 14.6209 13.512 14.7716 13.1481C14.9224 12.7841 15 12.394 15 12C15 11.606 14.9224 11.2159 14.7716 10.8519C14.6209 10.488 14.3999 10.1573 14.1213 9.87868C13.8427 9.6001 13.512 9.37913 13.1481 9.22836C12.7841 9.0776 12.394 9 12 9C11.606 9 11.2159 9.0776 10.8519 9.22836C10.488 9.37913 10.1573 9.6001 9.87868 9.87868L12 12L14.1213 14.1213Z"
      fill={fill}
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M12 19C8.18448 19 4.82549 16.2047 2.86971 14.1469C1.7101 12.9268 1.7101 11.0732 2.86971 9.8531C3.69954 8.98 4.78198 7.97411 6.04473 7.10531L3.46976 4.53033C3.17686 4.23744 3.17686 3.76256 3.46976 3.46967C3.76265 3.17678 4.23752 3.17678 4.53042 3.46967L20.5304 19.4697C20.8233 19.7626 20.8233 20.2374 20.5304 20.5303C20.2375 20.8232 19.7626 20.8232 19.4698 20.5303L16.643 17.7035C15.2337 18.4709 13.6601 19 12 19ZM12 15.0001C10.3431 15.0001 9 13.6569 9 12.0001C9 11.4437 9.15146 10.9227 9.41539 10.4761L13.524 14.5847C13.0774 14.8486 12.5564 15.0001 12 15.0001Z"
      fill={fill}
    />
  </svg>
);

export default EyeDisable;
