import { forwardRef, useMemo } from 'react';
import { IconProps } from './types';

export const IconEyeOff16 = forwardRef<SVGSVGElement, IconProps>(
    ({ color = 'currentColor', title, ...props }, svgRef) => {
        const titleId = useMemo(
            () =>
                title
                    ? 'title-' + Math.random().toString(36).substr(2, 9)
                    : undefined,
            [title]
        );
        return (
            <svg
                xmlns="http://www.w3.org/2000/svg"
                width={16}
                height={16}
                fill="none"
                viewBox="0 0 16 16"
                aria-hidden={!title}
                ref={svgRef}
                aria-labelledby={titleId}
                {...props}
            >
                {title ? <title id={titleId}>{title}</title> : null}
                <path
                    fill={color}
                    fillRule="evenodd"
                    d="M1.22 1.22a.75.75 0 0 1 1.06 0l12.5 12.5a.75.75 0 0 1-1.06 1.06l-1.852-1.851c-1.081.629-2.379 1.07-3.868 1.07-2.578 0-4.57-1.32-5.888-2.65A11 11 0 0 1 .596 9.436a7 7 0 0 1-.408-.75 3 3 0 0 1-.122-.31A1.3 1.3 0 0 1 0 8c0-.19.063-.371.1-.472q.074-.197.194-.431c.159-.312.388-.693.683-1.103.462-.644 1.1-1.384 1.907-2.05L1.22 2.28a.75.75 0 0 1 0-1.06m2.73 3.79a9.5 9.5 0 0 0-1.755 1.858 7.4 7.4 0 0 0-.565.911q-.068.136-.104.22l.03.068c.065.145.17.344.316.58a9.5 9.5 0 0 0 1.306 1.647C4.332 11.458 5.964 12.5 8 12.5c1.028 0 1.95-.265 2.763-.677l-1.23-1.23C9.077 10.857 8.552 11 8 11a3 3 0 0 1-3-3c0-.553.143-1.079.407-1.532zM8 2c2.578 0 4.57 1.321 5.888 2.65a11 11 0 0 1 1.516 1.914c.173.28.31.536.408.75.048.107.09.213.122.31.025.08.066.222.066.376 0 .21-.08.42-.126.537a5 5 0 0 1-.251.523c-.21.385-.515.858-.91 1.356a.75.75 0 0 1-1.176-.93c.343-.434.6-.837.769-1.144q.116-.215.168-.342l-.03-.067a5 5 0 0 0-.316-.58 9.5 9.5 0 0 0-1.306-1.647C11.668 4.542 10.036 3.5 8 3.5q-.459 0-.888.066a.75.75 0 0 1-.224-1.482Q7.426 2 8 2M6.547 7.607Q6.5 7.794 6.5 8A1.5 1.5 0 0 0 8 9.5q.207 0 .393-.047zm7.964.497v-.002l-.002-.005q.001.006.002.007"
                    clipRule="evenodd"
                />
            </svg>
        );
    }
);
