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

export const Reply: React.FC<IconProps> = ({ colorVariant = 'body', ...props }) => {
  const { getIconColor } = useIcon();
  const color = useMemo(() => getIconColor(colorVariant), [getIconColor, colorVariant]);
  return (
    <Svg width="9" height="9" viewBox="0 0 9 9" fill="none" {...props}>
      <G clipPath="url(#clip0_3204_284624)">
        <Path
          fillRule="evenodd"
          clipRule="evenodd"
          d="M4.90222 5.51934V6.64534C4.90222 6.75363 4.84108 6.85249 4.74422 6.90077C4.64736 6.94934 4.53165 6.93877 4.44508 6.87392L1.01651 4.30249C0.944507 4.24849 0.902222 4.16392 0.902222 4.07392C0.902222 3.98392 0.944507 3.89934 1.01651 3.84534L4.44508 1.27392C4.53165 1.20906 4.64736 1.19849 4.74422 1.24706C4.84108 1.29534 4.90222 1.3942 4.90222 1.50249V2.65277C8.87365 2.85992 8.90222 7.3922 8.90222 7.7882C8.90222 7.9822 8.79022 8.0562 8.70422 8.08849C8.64022 8.11277 8.53279 8.13049 8.40679 8.04592C8.35165 8.00877 8.25679 7.91477 8.13336 7.77563C7.90422 7.51677 7.53508 7.07706 7.05994 6.64992C6.48051 6.12934 5.74079 5.61706 4.90222 5.51934Z"
          fill={color}
        />
      </G>
      <Defs>
        <ClipPath id="clip0_3204_284624">
          <Rect width="8" height="8" fill="white" transform="matrix(-1 0 0 1 8.90222 0.716797)" />
        </ClipPath>
      </Defs>
    </Svg>
  );
};
