/* 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 Profile: React.FC<IconProps> = ({ colorVariant = 'body', ...props }) => {
  const { getIconColor } = useIcon();
  return (
    <Svg width="16" height="17" viewBox="0 0 16 17" fill="none" {...props}>
      <G clipPath="url(#clip0_3403_219012)">
        <Path
          d="M8 4.125C6.27684 4.125 4.875 5.52688 4.875 7.25C4.875 8.97313 6.27684 10.375 8 10.375C9.72316 10.375 11.125 8.97313 11.125 7.25C11.125 5.52688 9.72316 4.125 8 4.125ZM8 9.125C6.96613 9.125 6.125 8.28387 6.125 7.25C6.125 6.21613 6.96613 5.375 8 5.375C9.03387 5.375 9.875 6.21613 9.875 7.25C9.875 8.28387 9.03387 9.125 8 9.125ZM8 0.5C3.514 0.5 0 4.014 0 8.5C0 13.0016 3.53 16.5 8 16.5C12.4757 16.5 16 12.9952 16 8.5C16 4.014 12.486 0.5 8 0.5ZM8 15.25C6.53147 15.25 5.18653 14.8035 4.09016 14.0361C4.82584 12.5772 6.34294 11.625 8.00003 11.625C9.65709 11.625 11.1742 12.5772 11.9098 14.0361C10.8135 14.8034 9.46856 15.25 8 15.25ZM12.8825 13.2041C12.4761 12.4939 11.9184 11.8798 11.2387 11.4004C10.2875 10.7296 9.16759 10.375 8.00003 10.375C6.83244 10.375 5.71253 10.7296 4.76134 11.4004C4.08166 11.8798 3.52391 12.4939 3.11747 13.2041C1.95563 11.997 1.25 10.3462 1.25 8.5C1.25 4.71497 4.21497 1.75 8 1.75C11.785 1.75 14.75 4.71497 14.75 8.5C14.75 10.3462 14.0444 11.997 12.8825 13.2041Z"
          fill={getIconColor(colorVariant)}
        />
      </G>
      <Defs>
        <ClipPath id="clip0_3403_219012">
          <Rect width="16" height="16" fill="white" transform="translate(0 0.5)" />
        </ClipPath>
      </Defs>
    </Svg>
  );
};
