import {
    NCoreUIKitTheme
} from "../../../core/hooks";
import {
    type INCoreUIKitIconProps
} from "../../../types";
import {
    Path,
    Svg
} from "react-native-svg";

const SvgEyeClosed = ({
    color = "default",
    customColor,
    size = 30,
    ...props
}: INCoreUIKitIconProps) => {
    const {
        colors
    } = NCoreUIKitTheme.useContext();

    const pathScale = 20 / size;

    const finalColor = customColor ? customColor : colors.content.icon[color];

    return <Svg
        height={size}
        width={size}
        fill="none"
        {...props}
    >
        <Path
            d="M8.958 4.233a8.954 8.954 0 0 1 9.338 5.48c.069.187.069.392 0 .58a9.002 9.002 0 0 1-1.204 2.075m-5.341-.566a2.5 2.5 0 0 1-3.536-3.535"
            transform={`scale(${1 / pathScale})`}
            strokeLinejoin="round"
            strokeLinecap="round"
            strokeWidth={1.167}
            stroke={finalColor}
        />
        <Path
            d="M14.58 14.586a8.957 8.957 0 0 1-12.848-4.293.833.833 0 0 1 0-.58 8.958 8.958 0 0 1 3.705-4.285M1.68 1.67l16.667 16.667"
            transform={`scale(${1 / pathScale})`}
            strokeLinejoin="round"
            strokeLinecap="round"
            strokeWidth={1.167}
            stroke={finalColor}
        />
    </Svg>;
};
export default SvgEyeClosed;
