import React from 'react';
import { Svg, Path } from 'react-native-svg';

export default function EyeClosedSvg({ color = '#8A8CA2', height = 20, width = 20, style }) {
  return (
    <Svg width={width} height={height} viewBox="0 0 20 20" fill="none" style={style}>
      <Path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M17.4739 9.80856C17.569 9.91881 17.569 10.0812 17.4739 10.1915C16.8032 10.9689 15.7697 12.0378 14.5089 12.9334C13.1245 13.9167 11.5761 14.6133 10 14.6133C9.43804 14.6133 8.87959 14.5248 8.33084 14.3662L7.24027 15.4568C8.11273 15.7934 9.03949 16 10 16C13.9169 16 17.2726 12.5637 18.6732 10.8922C19.1089 10.3722 19.1089 9.62782 18.6732 9.10784C18.1098 8.43543 17.23 7.47745 16.1246 6.57247L15.1479 7.54917C16.1196 8.3266 16.9203 9.16684 17.4739 9.80856ZM5.49112 12.9334C5.66365 13.0559 5.83872 13.174 6.01608 13.2869L5.02151 14.2814C3.37523 13.1754 2.07331 11.7831 1.32678 10.8922C0.891074 10.3722 0.891075 9.62782 1.32678 9.10784C2.72741 7.43628 6.08308 4 10 4C11.4768 4 12.8738 4.48846 14.1163 5.18665L13.0975 6.20549C12.105 5.70104 11.0587 5.38667 10 5.38667C8.42394 5.38667 6.87546 6.08332 5.49113 7.06661C4.23032 7.96216 3.19684 9.03106 2.52609 9.80855C2.43098 9.91881 2.43098 10.0812 2.52609 10.1914C3.19684 10.9689 4.23032 12.0378 5.49112 12.9334ZM7.5 10C7.5 10.5121 7.654 10.9883 7.91821 11.3847L8.87757 10.4254C8.82744 10.2932 8.8 10.1498 8.8 10C8.8 9.33726 9.33726 8.8 10 8.8C10.1498 8.8 10.2932 8.82744 10.4254 8.87757L11.3847 7.91821C10.9883 7.654 10.5121 7.5 10 7.5C8.61929 7.5 7.5 8.61929 7.5 10ZM12.4917 10.2054C12.3927 11.4223 11.4223 12.3927 10.2054 12.4917L12.4917 10.2054ZM16.6464 5.06066C16.8417 4.8654 16.8417 4.54882 16.6464 4.35355C16.4512 4.15829 16.1346 4.15829 15.9393 4.35355L4.00001 16.2929C3.80475 16.4881 3.80475 16.8047 4.00001 17C4.19527 17.1952 4.51185 17.1952 4.70711 17L16.6464 5.06066Z"
        fill={color}
      />
    </Svg>
  );
}
