/* 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 AccountGroup: React.FC<IconProps> = ({ colorVariant = 'body', ...props }) => {
  const { getIconColor } = useIcon();

  return (
    <Svg width="22" height="23" viewBox="0 0 22 23" fill="none" {...props}>
      <G clipPath="url(#clip0_3204_249562)">
        <Path
          d="M11 9.37891C13.0646 9.37891 14.7383 7.70522 14.7383 5.64063C14.7383 3.57603 13.0646 1.90234 11 1.90234C8.9354 1.90234 7.26172 3.57603 7.26172 5.64063C7.26172 7.70522 8.9354 9.37891 11 9.37891Z"
          fill={getIconColor(colorVariant)}
        />
        <Path
          d="M18.5625 9.37891C19.8677 9.37891 20.9258 8.32083 20.9258 7.01563C20.9258 5.71042 19.8677 4.65234 18.5625 4.65234C17.2573 4.65234 16.1992 5.71042 16.1992 7.01563C16.1992 8.32083 17.2573 9.37891 18.5625 9.37891Z"
          fill={getIconColor(colorVariant)}
        />
        <Path
          d="M3.4375 9.37891C4.7427 9.37891 5.80078 8.32083 5.80078 7.01563C5.80078 5.71042 4.7427 4.65234 3.4375 4.65234C2.1323 4.65234 1.07422 5.71042 1.07422 7.01563C1.07422 8.32083 2.1323 9.37891 3.4375 9.37891Z"
          fill={getIconColor(colorVariant)}
        />
        <Path
          d="M5.76598 11.5016C4.8357 10.7395 3.99321 10.8404 2.91758 10.8404C1.30883 10.8404 0 12.1414 0 13.7403V18.4329C0 19.1273 0.566758 19.6919 1.26371 19.6919C4.27264 19.6919 3.91016 19.7463 3.91016 19.5621C3.91016 16.237 3.5163 13.7985 5.76598 11.5016Z"
          fill={getIconColor(colorVariant)}
        />
        <Path
          d="M12.0231 10.8573C10.1443 10.7006 8.5113 10.8591 7.10274 12.0218C4.7456 13.9098 5.19922 16.452 5.19922 19.562C5.19922 20.3848 5.86868 21.0667 6.70399 21.0667C15.7739 21.0667 16.1349 21.3593 16.6727 20.1682C16.8491 19.7655 16.8008 19.8935 16.8008 16.0402C16.8008 12.9797 14.1508 10.8573 12.0231 10.8573Z"
          fill={getIconColor(colorVariant)}
        />
        <Path
          d="M19.0824 10.8403C18.0009 10.8403 17.163 10.7404 16.234 11.5015C18.4669 13.7813 18.0898 16.0534 18.0898 19.562C18.0898 19.7474 17.7889 19.6918 20.6912 19.6918C21.413 19.6918 22 19.107 22 18.3881V13.7402C22 12.1413 20.6912 10.8403 19.0824 10.8403Z"
          fill={getIconColor(colorVariant)}
        />
      </G>
      <Defs>
        <ClipPath id="clip0_3204_249562">
          <Rect width="22" height="22" fill="white" transform="translate(0 0.5)" />
        </ClipPath>
      </Defs>
    </Svg>
  );
};
