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

export const SettingsFill: React.FC<IconProps> = ({ colorVariant = 'white', ...props }) => {
  const { getIconColor } = useIcon();

  return (
    <Svg width="18" height="18" viewBox="0 0 18 18" fill="none" {...props}>
      <G clipPath="url(#clip0_3403_221907)">
        <Path
          d="M17.2228 11.007C17.222 11.0062 17.2205 11.0055 17.2198 11.004L16.0663 9.94425C16.1053 9.62475 16.1255 9.30825 16.1255 9C16.1255 8.69175 16.1053 8.37525 16.0663 8.05575L17.2228 6.993C17.6045 6.63375 17.6915 6.06375 17.4328 5.60175L16.16 3.40125C15.905 2.9475 15.3508 2.7315 14.843 2.88975L13.346 3.36225C12.8383 2.967 12.2908 2.649 11.7148 2.415L11.369 0.87825C11.2558 0.36975 10.796 0 10.2755 0H7.72551C7.20501 0 6.74526 0.36975 6.63201 0.8775L6.28626 2.415C5.71026 2.649 5.16276 2.967 4.65501 3.36225L3.15651 2.88975C2.65176 2.733 2.09601 2.94675 1.84401 3.39675L0.566006 5.60625C0.309506 6.06375 0.396506 6.63375 0.782006 6.996L1.93551 8.05575C1.89576 8.37525 1.87551 8.69175 1.87551 9C1.87551 9.30825 1.89576 9.62475 1.93476 9.94425L0.778256 11.007C0.396505 11.3662 0.309506 11.9362 0.568256 12.3975L1.84101 14.598C2.09601 15.0525 2.64951 15.2677 3.15801 15.1102L4.65501 14.6377C5.16276 15.033 5.71026 15.351 6.28626 15.585L6.63201 17.121C6.74526 17.6302 7.20501 18 7.72551 18H10.2755C10.796 18 11.2558 17.6302 11.369 17.1225L11.7148 15.585C12.2908 15.351 12.8383 15.0337 13.346 14.6377L14.8445 15.1102C15.3508 15.2685 15.905 15.0525 16.1578 14.6025L17.4358 12.393C17.6915 11.9362 17.6045 11.3662 17.2228 11.007ZM9.00051 12.75C6.93276 12.75 5.25051 11.0677 5.25051 9C5.25051 6.93225 6.93276 5.25 9.00051 5.25C11.0683 5.25 12.7505 6.93225 12.7505 9C12.7505 11.0677 11.0683 12.75 9.00051 12.75Z"
          fill={getIconColor(colorVariant)}
        />
      </G>
      <Defs>
        <ClipPath id="clip0_3403_221907">
          <Rect width="18" height="18" fill="white" />
        </ClipPath>
      </Defs>
    </Svg>
  );
};
