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

export const InfoCircleFillAnimatedIcon = 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-fill`}
        attributeName="d"
        attributeType="XML"
        keyTimes="0;0.15;0.6;0.8;1"
        values="M-1.5 -4.005C-1.5 -4.83 -0.825 -5.505 0 -5.505C0 -5.505 0.015 -5.505 0.015 -5.505C0.84 -5.505 1.515 -4.83 1.515 -4.005C1.515 -3.165 0.84 -2.505 0.015 -2.505C0.015 -2.505 0 -2.505 0 -2.505C-0.825 -2.505 -1.5 -3.165 -1.5 -4.005z M1.005 4.005C1.005 4.545 0.555 4.995 0 4.995C-0.555 4.995 -1.005 4.545 -1.005 4.005C-1.005 4.005 -1.005 0 -1.005 0C-1.005 -0.555 -0.555 -1.005 0 -1.005C0.555 -1.005 1.005 -0.555 1.005 0C1.005 0 1.005 4.005 1.005 4.005z M0 10.995C6.075 10.995 10.995 6.075 10.995 0C10.995 -6.075 6.075 -10.995 0 -10.995C-6.075 -10.995 -10.995 -6.075 -10.995 0C-10.995 6.075 -6.075 10.995 0 10.995z ;M-1.815 -4.785C-1.815 -5.79 -1.005 -6.6 0 -6.6C0 -6.6 0.015 -6.6 0.015 -6.6C1.02 -6.6 1.83 -5.79 1.83 -4.785C1.83 -3.78 1.02 -2.97 0.015 -2.97C0.015 -2.97 0 -2.97 0 -2.97C-1.005 -2.97 -1.815 -3.78 -1.815 -4.785z M1.215 4.89C1.215 5.565 0.675 6.105 0 6.105C-0.675 6.105 -1.215 5.565 -1.215 4.89C-1.215 4.89 -1.215 0.06 -1.215 0.06C-1.215 -0.615 -0.675 -1.155 0 -1.155C0.675 -1.155 1.215 -0.615 1.215 0.06C1.215 0.06 1.215 4.89 1.215 4.89z M0 10.995C6.075 10.995 10.995 6.075 10.995 0C10.995 -6.075 6.075 -10.995 0 -10.995C-6.075 -10.995 -10.995 -6.075 -10.995 0C-10.995 6.075 -6.075 10.995 0 10.995z ;M-2.115 -5.535C-2.115 -6.705 -1.17 -7.65 0 -7.65C0 -7.65 0.015 -7.65 0.015 -7.65C1.185 -7.65 2.13 -6.705 2.13 -5.535C2.13 -4.365 1.185 -3.42 0.015 -3.42C0.015 -3.42 0 -3.42 0 -3.42C-1.17 -3.42 -2.115 -4.365 -2.115 -5.535z M1.41 5.745C1.41 6.525 0.78 7.155 0 7.155C-0.78 7.155 -1.41 6.525 -1.41 5.745C-1.41 5.745 -1.41 0.105 -1.41 0.105C-1.41 -0.675 -0.78 -1.305 0 -1.305C0.78 -1.305 1.41 -0.675 1.41 0.105C1.41 0.105 1.41 5.745 1.41 5.745z M0 10.995C6.075 10.995 10.995 6.075 10.995 0C10.995 -6.075 6.075 -10.995 0 -10.995C-6.075 -10.995 -10.995 -6.075 -10.995 0C-10.995 6.075 -6.075 10.995 0 10.995z ;M-1.26 -2.88C-1.26 -3.585 -0.705 -4.14 0 -4.14C0 -4.14 0.015 -4.14 0.015 -4.14C0.705 -4.14 1.275 -3.585 1.275 -2.88C1.275 -2.175 0.705 -1.605 0.015 -1.605C0.015 -1.605 0 -1.605 0 -1.605C-0.705 -1.605 -1.26 -2.175 -1.26 -2.88z M0.84 3.345C0.84 3.81 0.465 4.185 0 4.185C-0.465 4.185 -0.84 3.81 -0.84 3.345C-0.84 3.345 -0.84 -0.045 -0.84 -0.045C-0.84 -0.51 -0.465 -0.885 0 -0.885C0.465 -0.885 0.84 -0.51 0.84 -0.045C0.84 -0.045 0.84 3.345 0.84 3.345z M0 10.995C6.075 10.995 10.995 6.075 10.995 0C10.995 -6.075 6.075 -10.995 0 -10.995C-6.075 -10.995 -10.995 -6.075 -10.995 0C-10.995 6.075 -6.075 10.995 0 10.995z ;M-1.5 -4.005C-1.5 -4.83 -0.825 -5.505 0 -5.505C0 -5.505 0.015 -5.505 0.015 -5.505C0.84 -5.505 1.515 -4.83 1.515 -4.005C1.515 -3.165 0.84 -2.505 0.015 -2.505C0.015 -2.505 0 -2.505 0 -2.505C-0.825 -2.505 -1.5 -3.165 -1.5 -4.005z M1.005 4.005C1.005 4.545 0.555 4.995 0 4.995C-0.555 4.995 -1.005 4.545 -1.005 4.005C-1.005 4.005 -1.005 0 -1.005 0C-1.005 -0.555 -0.555 -1.005 0 -1.005C0.555 -1.005 1.005 -0.555 1.005 0C1.005 0 1.005 4.005 1.005 4.005z M0 10.995C6.075 10.995 10.995 6.075 10.995 0C10.995 -6.075 6.075 -10.995 0 -10.995C-6.075 -10.995 -10.995 -6.075 -10.995 0C-10.995 6.075 -6.075 10.995 0 10.995z"
        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-fill`}
        attributeName="transform"
        type="scale"
        additive="sum"
        keyTimes="0;0.15;0.4;0.6;0.8;1"
        values="1 1;1 1;0 0;0 0;1.04 1.04;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.4 0 0.3 1"
        calcMode="spline"
      />
      <animateMotion
        repeatCount="indefinite"
        dur="1s"
        begin="indefinite"
        href={`#${props.id}-layer-outline-stroke-large`}
        keyTimes="0;0.15;0.4;0.5;0.8;1"
        path="M12 33C12 33 12 33 12 33C12 33 12 12 12 12C12 12 12 12 12 12C12 12 12 15 12 15C12 15 12 15 12 15"
        keyPoints="0;0;0.88;0.88;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"
      />
      <animateTransform
        repeatCount="indefinite"
        dur="1s"
        begin="indefinite"
        href={`#${props.id}-layer-outline-stroke-large`}
        attributeName="transform"
        type="scale"
        keyTimes="0;0.15;0.4;0.6;0.8;1"
        values="0 0;0 0;1.1 -1.1;1.28 -1.28;0 0;0 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;0 0 0 0"
        calcMode="spline"
      />
      <animateTransform
        repeatCount="indefinite"
        dur="1s"
        begin="indefinite"
        href={`#${props.id}-layer-outline-stroke-large`}
        attributeName="transform"
        type="translate"
        additive="sum"
        keyTimes="0;1"
        values="0.005 6;0.005 6"
        keySplines="0 0 1 1"
        calcMode="spline"
      />
      <animate
        repeatCount="indefinite"
        dur="1s"
        begin="indefinite"
        href={`#${props.id}-layer-outline-stroke-large`}
        attributeName="opacity"
        keyTimes="0;0.2666667;0.2666683;0.6833333;0.6833334;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`}
        attributeName="d"
        attributeType="XML"
        keyTimes="0;0.15;0.4;1"
        values="M0 -2.25C0 -2.25 0 -3.75 0 -3.75 ;M0 -2.25C0 -2.25 0 -3.75 0 -3.75 ;M0 3.75C0 3.75 0 -3.75 0 -3.75 ;M0 3.75C0 3.75 0 -3.75 0 -3.75"
        keySplines="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`}
        keyTimes="0;0.15;0.4;0.6;0.8;1"
        path="M12 16.5C12 16.5 12 16.5 12 16.5C12 16.5 12 12 12 12C12 12 12 10.5 12 10.5C12 10.5 12 16.5 12 16.5C12 16.5 12 16.5 12 16.5"
        keyPoints="0;0;0.38;0.5;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"
      />
      <animateTransform
        repeatCount="indefinite"
        dur="1s"
        begin="indefinite"
        href={`#${props.id}-layer-outline-stroke`}
        attributeName="transform"
        type="scale"
        keyTimes="0;0.15;0.4;0.6;0.8;1"
        values="0 0;0 0;1.1 -1.1;1.2 -1.2;0 0;0 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;0 0 0 0"
        calcMode="spline"
      />
      <animateTransform
        repeatCount="indefinite"
        dur="1s"
        begin="indefinite"
        href={`#${props.id}-layer-outline-stroke`}
        attributeName="transform"
        type="translate"
        additive="sum"
        keyTimes="0;1"
        values="0 -2.4;0 -2.4"
        keySplines="0 0 1 1"
        calcMode="spline"
      />
      <animate
        repeatCount="indefinite"
        dur="1s"
        begin="indefinite"
        href={`#${props.id}-layer-outline-stroke`}
        attributeName="opacity"
        keyTimes="0;0.2666667;0.2666683;0.6833333;0.6833334;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"
      />
    </defs>
    <g>
      <path
        id={`${props.id}-layer-fill`}
        transform="translate(12 12)"
        fill="currentColor"
        fillOpacity="1"
        fillRule="nonzero"
        d="M-1.5 -4.005C-1.5 -4.83 -0.825 -5.505 0 -5.505C0 -5.505 0.015 -5.505 0.015 -5.505C0.84 -5.505 1.515 -4.83 1.515 -4.005C1.515 -3.165 0.84 -2.505 0.015 -2.505C0.015 -2.505 0 -2.505 0 -2.505C-0.825 -2.505 -1.5 -3.165 -1.5 -4.005z M1.005 4.005C1.005 4.545 0.555 4.995 0 4.995C-0.555 4.995 -1.005 4.545 -1.005 4.005C-1.005 4.005 -1.005 0 -1.005 0C-1.005 -0.555 -0.555 -1.005 0 -1.005C0.555 -1.005 1.005 -0.555 1.005 0C1.005 0 1.005 4.005 1.005 4.005z M0 10.995C6.075 10.995 10.995 6.075 10.995 0C10.995 -6.075 6.075 -10.995 0 -10.995C-6.075 -10.995 -10.995 -6.075 -10.995 0C-10.995 6.075 -6.075 10.995 0 10.995z"
      />
      <g
        stroke="currentColor"
        strokeLinecap="round"
        strokeLinejoin="round"
        fill="none"
        strokeWidth="2"
        strokeOpacity="1"
      >
        <path
          id={`${props.id}-layer-outline-stroke-large`}
          transform="scale(0, 0)"
          d="M0.015 0.015C0.015 0.015 0 0.015 0 0.015"
        />
        <path id={`${props.id}-layer-outline-stroke`} d="" />
      </g>
    </g>
  </svg>
));