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

export const Filter: React.FC<IconProps> = ({ colorVariant = 'body', ...props }) => {
  const { getIconColor } = useIcon();
  return (
    <Svg width="12" height="13" viewBox="0 0 12 13" fill="none" {...props}>
      <G clipPath="url(#clip0_1038_20181)">
        <Path
          d="M11.5312 0.5H0.469217C0.210338 0.5 0.000488281 0.70985 0.000488281 0.968729C0.000488281 2.85766 0.939353 4.61007 2.51192 5.65649C3.54171 6.34174 4.15655 7.48936 4.15655 8.72631V10.1871C4.15655 10.6406 4.39874 11.0664 4.78863 11.2982L6.61712 12.3854C7.15571 12.7056 7.84392 12.3169 7.84392 11.6876V8.72631C7.84392 7.48936 8.45873 6.34174 9.48857 5.65649C11.0611 4.61007 12 2.85764 12 0.968729C12 0.70985 11.7901 0.5 11.5312 0.5V0.5ZM8.96915 4.87603C7.67754 5.73551 6.90641 7.17486 6.90641 8.72631V11.4669L5.26771 10.4925C5.16056 10.4288 5.09398 10.3117 5.09398 10.1871V8.72633C5.09398 7.17489 4.32285 5.73551 3.03122 4.87605C1.85159 4.0911 1.0998 2.82961 0.961195 1.43746H11.0392C10.9006 2.82963 10.1488 4.0911 8.96915 4.87603Z"
          fill={getIconColor(colorVariant)}
        />
      </G>
      <Defs>
        <ClipPath id="clip0_1038_20181">
          <Rect width="12" height="12" fill="white" transform="translate(0 0.5)" />
        </ClipPath>
      </Defs>
    </Svg>
  );
};
