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

import { IconProps } from './types';

export const MenuArrow: React.FC<IconProps> = ({ colorVariant = 'white', ...props }) => {
  const { getIconColor } = useIcon();
  const color = useMemo(() => getIconColor(colorVariant), [getIconColor, colorVariant]);

  return (
    <Svg width="20" height="17" viewBox="0 0 20 17" fill="none" {...props}>
      <G clipPath="url(#clip0_4612_4177)">
        <Path
          d="M18.1203 9.07184L14.9447 12.2474C14.7923 12.3999 14.7203 12.5777 14.7288 12.7809C14.7373 12.9842 14.8177 13.162 14.9701 13.3144C15.1226 13.4669 15.3046 13.5431 15.5163 13.5431C15.728 13.5431 15.9101 13.4669 16.0625 13.3144L19.7716 9.60534C19.9241 9.45291 20.0003 9.27508 20.0003 9.07184C20.0003 8.8686 19.9241 8.69077 19.7716 8.53834L16.0625 4.82923C15.9101 4.6768 15.728 4.60059 15.5163 4.60059C15.3046 4.60059 15.1226 4.6768 14.9701 4.82923C14.8177 4.98166 14.7415 5.16373 14.7415 5.37543C14.7415 5.58714 14.8177 5.76921 14.9701 5.92164L18.1203 9.07184Z"
          fill={color}
        />
        <Path
          d="M12.4488 15.1943C12.669 15.1943 12.851 15.1223 12.995 14.9784C13.139 14.8344 13.2109 14.6524 13.2109 14.4322C13.2109 14.212 13.139 14.0299 12.995 13.886C12.851 13.742 12.669 13.67 12.4488 13.67H0.762564C0.542388 13.67 0.36032 13.742 0.216359 13.886C0.0723982 14.0299 0.000418663 14.212 0.000418663 14.4322C0.000418663 14.6524 0.0723982 14.8344 0.216359 14.9784C0.36032 15.1223 0.542388 15.1943 0.762564 15.1943H12.4488ZM12.4488 9.8085C12.669 9.8085 12.851 9.73652 12.995 9.59256C13.139 9.4486 13.2109 9.26653 13.2109 9.04635C13.2109 8.82618 13.139 8.64411 12.995 8.50015C12.851 8.35619 12.669 8.28421 12.4488 8.28421H0.811146C0.59097 8.28421 0.408902 8.35619 0.264941 8.50015C0.12098 8.64411 0.0489998 8.82618 0.0489998 9.04635C0.0489998 9.26653 0.12098 9.4486 0.264941 9.59256C0.408902 9.73652 0.59097 9.8085 0.811146 9.8085H12.4488ZM12.4488 4.52429C12.669 4.52429 12.851 4.45231 12.995 4.30835C13.139 4.16439 13.2109 3.98232 13.2109 3.76215C13.2109 3.54197 13.139 3.3599 12.995 3.21594C12.851 3.07198 12.669 3 12.4488 3H0.762564C0.542388 3 0.36032 3.07198 0.216359 3.21594C0.0723982 3.3599 0.000418663 3.54197 0.000418663 3.76215C0.000418663 3.98232 0.0723982 4.16439 0.216359 4.30835C0.36032 4.45231 0.542388 4.52429 0.762564 4.52429H12.4488Z"
          fill={color}
        />
      </G>
      <Defs>
        <ClipPath id="clip0_4612_4177">
          <Rect width="20" height="20" fill="white" transform="translate(0 -1)" />
        </ClipPath>
      </Defs>
    </Svg>
  );
};
