/* eslint-disable @typescript-eslint/ban-ts-comment */
// @ts-nocheck
import { useIcon } from 'hooks';
import React, { useMemo } from 'react';
import Svg, { Path, Defs, G, ClipPath, Rect } from 'react-native-svg';
import { IconProps } from '../types';

export const Undo: React.FC<IconProps> = ({ colorVariant = 'body', ...props }) => {
  const { getIconColor } = useIcon();
  const color = useMemo(() => getIconColor(colorVariant), [getIconColor, colorVariant]);
  return (
    <Svg width="16" height="16" viewBox="0 0 34 34" fill="none" {...props}>
      <G clip-path="url(#clip0_361_25484)">
        <Path
          d="M17.7084 11.333C13.9542 11.333 10.5542 12.7355 7.93337 15.0163L5.25587 12.3388C4.36337 11.4463 2.83337 12.0697 2.83337 13.3305V21.2497C2.83337 22.0288 3.47087 22.6663 4.25004 22.6663H12.1692C13.43 22.6663 14.0675 21.1363 13.175 20.2438L10.4692 17.538C12.4384 15.8947 14.9459 14.8747 17.7225 14.8747C22.1992 14.8747 26.0667 17.4813 27.9084 21.2497C28.2909 22.043 29.1975 22.4397 30.0334 22.1563C31.0392 21.8305 31.5492 20.683 31.0959 19.7197C28.6592 14.7613 23.5875 11.333 17.7084 11.333Z"
          fill={color}
        />
      </G>
      <Defs>
        <ClipPath id="clip0_361_25484">
          <Rect width="34" height="34" fill="white" />
        </ClipPath>
      </Defs>
    </Svg>
  );
};
