import { createIcon } from '../utils/create-icon';

export const EyeSlashAnimatedIcon = createIcon((props) => (
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
    <defs>
      <animate
        repeatCount="indefinite"
        dur="1s"
        begin="indefinite"
        href={`#${props.id}-layer-outline-shape`}
        attributeName="d"
        attributeType="XML"
        keyTimes="0;0.0666667;0.6666667;0.7;1"
        values="M0 0 C0,0 -1.77,-1.77 -1.77,-1.77 C-0.79,-2.74 0.79,-2.74 1.77,-1.77 C2.74,-0.79 2.74,0.79 1.77,1.77 C1.77,1.77 0,0 0,0z ;M-1.06 1.06 C-1.66,0.47 -1.66,-0.46 -1.06,-1.06 C-0.46,-1.66 0.47,-1.66 1.06,-1.06 C1.66,-0.46 1.66,0.47 1.06,1.06 C0.47,1.66 -0.46,1.66 -1.06,1.06z ;M-1.06 1.06 C-1.66,0.47 -1.66,-0.46 -1.06,-1.06 C-0.46,-1.66 0.47,-1.66 1.06,-1.06 C1.66,-0.46 1.66,0.47 1.06,1.06 C0.47,1.66 -0.46,1.66 -1.06,1.06z ;M0 0 C0,0 -1.77,-1.77 -1.77,-1.77 C-0.79,-2.74 0.79,-2.74 1.77,-1.77 C2.74,-0.79 2.74,0.79 1.77,1.77 C1.77,1.77 0,0 0,0z ;M0 0 C0,0 -1.77,-1.77 -1.77,-1.77 C-0.79,-2.74 0.79,-2.74 1.77,-1.77 C2.74,-0.79 2.74,0.79 1.77,1.77 C1.77,1.77 0,0 0,0z "
        keySplines="0.4 0 0.3 1;0.4 0 0.3 1;0.4 0 0.3 1;0 0 0 0"
        calcMode="spline"
      />
      <animate
        repeatCount="indefinite"
        dur="1s"
        begin="indefinite"
        href={`#${props.id}-layer-outline-shape`}
        attributeName="opacity"
        keyTimes="0;0.6333333;0.65;0.7;0.7166667;1"
        values="1;1;0;0;1;1"
        keySplines="0.4 0 0.3 1;0.4 0 0.3 1;0.4 0 0.3 1;0.4 0 0.3 1;0 0 0 0"
        calcMode="spline"
      />
      <animateMotion
        repeatCount="indefinite"
        dur="1s"
        begin="indefinite"
        href={`#${props.id}-layer-outline-shape`}
        keyTimes="0;0.15;0.25;0.5;0.6;0.8;1"
        path="M12.01 12 C11.94,12.54 8.71,12.08 8.71,12.08 C8.71,12.08 8.71,12.08 8.71,12.08 C8.71,12.08 15.27,12.08 15.27,12.08 C15.27,12.08 15.27,12.08 15.27,12.08 C15.27,12.08 12.01,12 12.01,12 C12.01,12 12.01,12 12.01,12 "
        keyPoints="0;0.26;0.26;0.75;0.75;1;1"
        keySplines="0.4 0 0.3 1;0.4 0.4 0.3 0.3;0.4 0 0.3 1;0.4 0.4 0.3 0.3;0.4 0 0.3 1;0 0 0 0"
        calcMode="spline"
      />
      <animateTransform
        repeatCount="indefinite"
        dur="1s"
        begin="indefinite"
        href={`#${props.id}-layer-outline-shape`}
        attributeName="transform"
        type="scale"
        additive="sum"
        keyTimes="0;0.15;0.6;1"
        values="1 1;1.1 1.1;1.1 1.1;1 1"
        keySplines="0.4 0 0.3 1;0.4 0 0.3 1;0.4 0 0.3 1"
        calcMode="spline"
      />
      <animate
        repeatCount="indefinite"
        dur="1s"
        begin="indefinite"
        href={`#${props.id}-layer-outline-stroke-1`}
        attributeName="d"
        attributeType="XML"
        keyTimes="0;0.6;0.6666667;0.6833333;0.8;1"
        values="M-1.41 0.92 C-0.34,0.02 0.26,-0.34 1.41,-0.92 ;M-1.41 0.92 C-0.34,0.02 0.26,-0.34 1.41,-0.92 ;M-1.41 0.03 C-0.34,0 0.26,-0.01 1.41,-0.02 ;M-1.41 0.03 C-0.34,0 0.26,-0.01 1.41,-0.02 ;M-1.41 0.92 C-0.34,0.02 0.26,-0.34 1.41,-0.92 ;M-1.41 0.92 C-0.34,0.02 0.26,-0.34 1.41,-0.92 "
        keySplines="0.4 0 0.3 1;0.4 0 0.3 1;0.4 0 0.3 1;0.4 0 0.3 1;0 0 0 0"
        calcMode="spline"
      />
      <animate
        repeatCount="indefinite"
        dur="1s"
        begin="indefinite"
        href={`#${props.id}-layer-outline-stroke-2`}
        attributeName="d"
        attributeType="XML"
        keyTimes="0;0.6;0.6666667;0.6833333;0.8;1"
        values="M1.8 -0.64 C0.7,-0.02 -0.77,0.49 -1.8,0.65 ;M1.8 -0.64 C0.7,-0.02 -0.77,0.49 -1.8,0.65 ;M1.8 -0.02 C0.7,0 -0.77,0.01 -1.8,0.02 ;M1.8 -0.02 C0.7,0 -0.77,0.01 -1.8,0.02 ;M1.8 -0.64 C0.7,-0.02 -0.77,0.49 -1.8,0.65 ;M1.8 -0.64 C0.7,-0.02 -0.77,0.49 -1.8,0.65 "
        keySplines="0.4 0 0.3 1;0.4 0 0.3 1;0.4 0 0.3 1;0.4 0 0.3 1;0 0 0 0"
        calcMode="spline"
      />
      <animateMotion
        repeatCount="indefinite"
        dur="1s"
        begin="indefinite"
        href={`#${props.id}-layer-outline-stroke-1`}
        keyTimes="0;0.6;0.6666667;0.6833333;0.8;1"
        path="M-6.26 -4.5 C-6.26,-4.5 -6.26,-4.5 -6.26,-4.5 C-6.26,-4.5 -6.26,-0.12 -6.26,-0.12 C-6.26,-0.12 -6.26,-0.12 -6.26,-0.12 C-6.26,-0.12 -6.26,-4.5 -6.26,-4.5 C-6.26,-4.5 -6.26,-4.5 -6.26,-4.5 "
        keyPoints="0;0;0.5;0.5;1;1"
        keySplines="0.4 0 0.3 1;0.4 0 0.3 1;0.4 0.4 0.3 0.3;0.4 0 0.3 1;0 0 0 0"
        calcMode="spline"
      />
      <animateMotion
        repeatCount="indefinite"
        dur="1s"
        begin="indefinite"
        href={`#${props.id}-layer-outline-stroke-2`}
        keyTimes="0;0.6;0.6666667;0.6833333;0.8;1"
        path="M3.8 5.68 C3.8,5.68 3.8,5.68 3.8,5.68 C3.8,5.68 3.8,0.16 3.8,0.16 C3.8,0.16 3.8,0.16 3.8,0.16 C3.8,0.16 3.8,5.68 3.8,5.68 C3.8,5.68 3.8,5.68 3.8,5.68 "
        keyPoints="0;0;0.5;0.5;1;1"
        keySplines="0.4 0 0.3 1;0.4 0 0.3 1;0.4 0.4 0.3 0.3;0.4 0 0.3 1;0 0 0 0"
        calcMode="spline"
      />
      <animate
        repeatCount="indefinite"
        dur="1s"
        begin="indefinite"
        href={`#${props.id}-layer-outline-stroke-2`}
        attributeName="opacity"
        keyTimes="0;0.0833333;0.083335;0.7666667;0.7666667;1"
        values="0;0;1;1;0;0"
        keySplines="0 0 0 0;0 0 0 0;0 0 0 0;0 0 0 0;0 0 0 0"
        calcMode="spline"
      />
      <animate
        repeatCount="indefinite"
        dur="1s"
        begin="indefinite"
        href={`#${props.id}-layer-outline-stroke-1`}
        attributeName="opacity"
        keyTimes="0;0.05;0.0500017;0.75;0.75;1"
        values="0;0;1;1;0;0"
        keySplines="0 0 0 0;0 0 0 0;0 0 0 0;0 0 0 0;0 0 0 0"
        calcMode="spline"
      />
      <animateMotion
        repeatCount="indefinite"
        dur="1s"
        begin="indefinite"
        href={`#${props.id}-layer-outline-stroke-position-scale-rotation-group`}
        keyTimes="0;0.25;0.6;1"
        path="M12 12 C12,12 11.4,12 11.4,12 C11.4,12 12.6,12 12.6,12 C12.6,12 12,12 12,12 "
        keyPoints="0;0.25;0.75;1"
        keySplines="0.4 0 0.3 1;0.4 0 0.3 1;0.4 0 0.3 1"
        calcMode="spline"
      />
      <animateTransform
        repeatCount="indefinite"
        dur="1s"
        begin="indefinite"
        href={`#${props.id}-layer-outline-stroke-position-scale-rotation-group`}
        attributeName="transform"
        type="rotate"
        additive="sum"
        keyTimes="0;0.25;0.6;0.8;1"
        values="0;6;-6;1;0"
        keySplines="0.4 0 0.3 1;0.4 0 0.3 1;0.4 0 0.3 1;0.4 0 0.3 1"
        calcMode="spline"
      />
      <animateTransform
        repeatCount="indefinite"
        dur="1s"
        begin="indefinite"
        href={`#${props.id}-layer-outline-stroke-position-scale-rotation-group`}
        attributeName="transform"
        type="scale"
        additive="sum"
        keyTimes="0;0.25;0.6;1"
        values="1 1;0.9 0.9;0.9 0.9;1 1"
        keySplines="0.4 0 0.3 1;0.4 0 0.3 1;0.4 0 0.3 1"
        calcMode="spline"
      />
      <animate
        repeatCount="indefinite"
        dur="1s"
        begin="indefinite"
        href={`#${props.id}-layer-outline-stroke-3`}
        attributeName="d"
        attributeType="XML"
        keyTimes="0;0.6;0.6666667;0.6833333;0.8;1"
        values="M5.6 5.04 C7.92,3.74 9.61,1.78 10.5,0 C9,-3 5.25,-6.5 0,-6.5 C-1.8,-6.5 -3.43,-6.09 -4.85,-5.42  M2 6.33 C1.36,6.44 0.69,6.5 0,6.5 C-5.25,6.5 -9,3 -10.5,0 C-9.9,-1.2 -8.94,-2.48 -7.67,-3.58 ;M5.6 5.04 C7.92,3.74 9.61,1.78 10.5,0 C9,-3 5.25,-6.5 0,-6.5 C-1.8,-6.5 -3.43,-6.09 -4.85,-5.42  M2 6.33 C1.36,6.44 0.69,6.5 0,6.5 C-5.25,6.5 -9,3 -10.5,0 C-9.9,-1.2 -8.94,-2.48 -7.67,-3.58 ;M5.6 0.14 C7.92,0.1 9.61,0.05 10.5,0 C9,-0.08 5.25,-0.18 0,-0.18 C-1.8,-0.18 -3.43,-0.17 -4.85,-0.15  M2 0.18 C1.36,0.18 0.69,0.18 0,0.18 C-5.25,0.18 -9,0.08 -10.5,0 C-9.9,-0.03 -8.94,-0.07 -7.67,-0.1 ;M5.6 0.14 C7.92,0.1 9.61,0.05 10.5,0 C9,-0.08 5.25,-0.18 0,-0.18 C-1.8,-0.18 -3.43,-0.17 -4.85,-0.15  M2 0.18 C1.36,0.18 0.69,0.18 0,0.18 C-5.25,0.18 -9,0.08 -10.5,0 C-9.9,-0.03 -8.94,-0.07 -7.67,-0.1 ;M5.6 5.04 C7.92,3.74 9.61,1.78 10.5,0 C9,-3 5.25,-6.5 0,-6.5 C-1.8,-6.5 -3.43,-6.09 -4.85,-5.42  M2 6.33 C1.36,6.44 0.69,6.5 0,6.5 C-5.25,6.5 -9,3 -10.5,0 C-9.9,-1.2 -8.94,-2.48 -7.67,-3.58 ;M5.6 5.04 C7.92,3.74 9.61,1.78 10.5,0 C9,-3 5.25,-6.5 0,-6.5 C-1.8,-6.5 -3.43,-6.09 -4.85,-5.42  M2 6.33 C1.36,6.44 0.69,6.5 0,6.5 C-5.25,6.5 -9,3 -10.5,0 C-9.9,-1.2 -8.94,-2.48 -7.67,-3.58 "
        keySplines="0.4 0 0.3 1;0.4 0 0.3 1;0.167 0 0.3 1;0.167 0 0.833 1;0 0 0 0"
        calcMode="spline"
      />
      <animate
        repeatCount="indefinite"
        dur="1s"
        begin="indefinite"
        href={`#${props.id}-layer-outline-stroke-3`}
        attributeName="opacity"
        keyTimes="0;0.5833332;0.5833333;0.5999998;0.6;0.7833332;0.7833333;0.7999998;0.8;1"
        values="1;1;1;1;0;0;0;0;1;1"
        keySplines="0 0 1 1;0 0 1 1;0 0 1 1;0 0 1 1;0 0 1 1;0 0 1 1;0 0 1 1;0 0 1 1;0 0 1 1"
        calcMode="spline"
      />
      <animate
        repeatCount="indefinite"
        dur="1s"
        begin="indefinite"
        href={`#${props.id}-layer-outline-stroke-4`}
        attributeName="d"
        attributeType="XML"
        keyTimes="0;0.6;0.6666667;0.6833333;0.8;1"
        values="M5.6 5.04 C7.92,3.74 9.61,1.78 10.5,0 C9,-3 5.25,-6.5 0,-6.5 C-1.8,-6.5 -3.43,-6.09 -4.85,-5.42  M2 6.33 C1.36,6.44 0.69,6.5 0,6.5 C-5.25,6.5 -9,3 -10.5,0 C-9.9,-1.2 -8.94,-2.48 -7.67,-3.58 ;M5.6 5.04 C7.92,3.74 9.61,1.78 10.5,0 C9,-3 5.25,-6.5 0,-6.5 C-1.8,-6.5 -3.43,-6.09 -4.85,-5.42  M2 6.33 C1.36,6.44 0.69,6.5 0,6.5 C-5.25,6.5 -9,3 -10.5,0 C-9.9,-1.2 -8.94,-2.48 -7.67,-3.58 ;M5.6 0.14 C7.92,0.1 9.61,0.05 10.5,0 C9,-0.08 5.25,-0.18 0,-0.18 C-1.8,-0.18 -3.43,-0.17 -4.85,-0.15  M2 0.18 C1.36,0.18 0.69,0.18 0,0.18 C-5.25,0.18 -9,0.08 -10.5,0 C-9.9,-0.03 -8.94,-0.07 -7.67,-0.1 ;M5.6 0.14 C7.92,0.1 9.61,0.05 10.5,0 C9,-0.08 5.25,-0.18 0,-0.18 C-1.8,-0.18 -3.43,-0.17 -4.85,-0.15  M2 0.18 C1.36,0.18 0.69,0.18 0,0.18 C-5.25,0.18 -9,0.08 -10.5,0 C-9.9,-0.03 -8.94,-0.07 -7.67,-0.1 ;M5.6 5.04 C7.92,3.74 9.61,1.78 10.5,0 C9,-3 5.25,-6.5 0,-6.5 C-1.8,-6.5 -3.43,-6.09 -4.85,-5.42  M2 6.33 C1.36,6.44 0.69,6.5 0,6.5 C-5.25,6.5 -9,3 -10.5,0 C-9.9,-1.2 -8.94,-2.48 -7.67,-3.58 ;M5.6 5.04 C7.92,3.74 9.61,1.78 10.5,0 C9,-3 5.25,-6.5 0,-6.5 C-1.8,-6.5 -3.43,-6.09 -4.85,-5.42  M2 6.33 C1.36,6.44 0.69,6.5 0,6.5 C-5.25,6.5 -9,3 -10.5,0 C-9.9,-1.2 -8.94,-2.48 -7.67,-3.58 "
        keySplines="0.4 0 0.3 1;0.4 0 0.3 1;0.4 0 0.3 1;0.4 0 0.3 1;0 0 0 0"
        calcMode="spline"
      />
      <animate
        repeatCount="indefinite"
        dur="1s"
        begin="indefinite"
        href={`#${props.id}-layer-outline-stroke-4`}
        attributeName="opacity"
        keyTimes="0;0.6;0.6000017;0.8;0.8;1"
        values="0;0;1;1;0;0"
        keySplines="0 0 0 0;0 0 0 0;0 0 0 0;0 0 0 0;0 0 0 0"
        calcMode="spline"
      />
      <animate
        repeatCount="indefinite"
        dur="1s"
        begin="indefinite"
        href={`#${props.id}-layer-outline-stroke-small`}
        attributeName="d"
        attributeType="XML"
        keyTimes="0;0.15;0.5999998;0.6;0.8;1"
        values="M 23,23C 23,23,1,1,1,1;M 23,23C 23,23,22.97,22.97,22.97,22.97;M 23,23C 23,23,22.97,22.97,22.97,22.97;M 1.03,1.03C 1.03,1.03,1,1,1,1;M 23,23C 23,23,1.98,1.98,1.98,1.98;M 23,23C 23,23,1,1,1,1"
        keySplines="0.4 0 0.3 1;0 0 1 1;0 0 1 1;0.4 0 0.3 1;0.4 0 0.3 1"
        calcMode="spline"
      />
      <animate
        repeatCount="indefinite"
        dur="1s"
        begin="indefinite"
        href={`#${props.id}-layer-outline-stroke-small`}
        attributeName="opacity"
        keyTimes="0;0.1333333;0.15;0.6;0.6166667;1"
        values="1;1;0;0;1;1"
        keySplines="0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0 0 0 0"
        calcMode="spline"
      />
    </defs>
    <g>
      <path
        id={`${props.id}-layer-outline-shape`}
        fill="currentColor"
        fillOpacity="1"
        fillRule="nonzero"
        d="M 12,12C 12,12,10.23,10.23,10.23,10.23C 11.21,9.26,12.79,9.26,13.77,10.23C 14.74,11.21,14.74,12.79,13.77,13.77C 13.77,13.77,12,12,12,12z"
      />
      <g
        stroke="currentColor"
        strokeLinecap="round"
        strokeLinejoin="round"
        fill="none"
        strokeWidth="2"
        strokeOpacity="1"
      >
        <g
          id={`${props.id}-layer-outline-stroke-position-scale-rotation-group`}
        >
          <path id={`${props.id}-layer-outline-stroke-1`} d="" />
          <path id={`${props.id}-layer-outline-stroke-2`} d="" />
          <path
            id={`${props.id}-layer-outline-stroke-3`}
            d="M 17.6,17.04C 19.92,15.74,21.61,13.78,22.5,12C 21,9,17.25,5.5,12,5.5C 10.2,5.5,8.57,5.91,7.15,6.58M 14,18.33C 13.36,18.44,12.69,18.5,12,18.5C 6.75,18.5,3,15,1.5,12C 2.1,10.8,3.06,9.52,4.33,8.42"
          />
          <path id={`${props.id}-layer-outline-stroke-4`} d="" />
        </g>
        <path
          id={`${props.id}-layer-outline-stroke-small`}
          d="M 23,23C 23,23,1,1,1,1"
        />
      </g>
    </g>
  </svg>
));