import React from 'react';

import { SVG, IProps as IPropsSVG } from '.';

export interface IProps {
    readonly svg?: IPropsSVG
}

export const IconEyeNo = (props: IProps) => (
    <SVG {...props.svg}>
        <path
            fillRule="evenodd"
            d="M2.707 1.293 1.293 2.707l4.065 4.065c-.379.314-.754.65-1.124 1.01-.83.801-1.58 1.657-2.24 2.514-.399.517-.681.923-.836 1.165l-.345.54.345.538c.155.242.437.649.836 1.165.66.857 1.41 1.713 2.24 2.515C6.664 18.569 9.272 20 12 20c1.72 0 3.394-.57 5.006-1.58l4.287 4.287 1.414-1.414-20-20Zm12.838 15.666-1.513-1.513a4 4 0 0 1-5.478-5.478L6.78 8.194c-.388.312-.773.655-1.156 1.025A21.324 21.324 0 0 0 3.216 12a21.319 21.319 0 0 0 2.408 2.781c2.094 2.025 4.271 3.22 6.376 3.22 1.168 0 2.359-.369 3.545-1.042Zm-5.477-5.477a2.003 2.003 0 0 0 2.45 2.45l-2.45-2.45Zm10.03 4.409-1.414-1.414a21.608 21.608 0 0 0 2.1-2.477 21.33 21.33 0 0 0-2.408-2.781C16.282 7.194 14.106 6 12 6c-.522 0-1.049.074-1.578.215L8.84 4.633C9.873 4.221 10.927 4 12 4c2.728 0 5.336 1.43 7.766 3.781.83.802 1.58 1.658 2.24 2.515.399.517.681.923.837 1.165l.344.54-.345.538a17.55 17.55 0 0 1-.836 1.165c-.571.741-1.21 1.482-1.908 2.187Z"
            clipRule="evenodd"
        />
    </SVG>
);

export default IconEyeNo;
