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

  return (
    <Svg width="20" height="20" viewBox="0 0 20 20" fill="none" {...props}>
      <G clipPath="url(#clip0_3403_208757)">
        <Path
          d="M19.9942 9.94552C19.9723 9.77584 19.8823 9.62287 19.7474 9.52004C16.9322 7.37333 13.5618 6.23828 9.99979 6.23828C6.4378 6.23828 3.06734 7.37333 0.252205 9.52004C0.117232 9.62287 0.0272508 9.77584 0.00539807 9.94552C-0.0164546 10.1152 0.0285362 10.2862 0.131372 10.4211L2.48375 13.5049C2.58787 13.6412 2.73955 13.7299 2.90923 13.7517C3.07891 13.7762 3.24988 13.7286 3.38485 13.6258C4.37722 12.8661 5.48528 12.2863 6.67561 11.902C7.0124 11.7927 7.1975 11.4315 7.08952 11.0934L6.30025 8.6395C8.69248 8.0302 11.3058 8.02891 13.6993 8.6395L12.91 11.0934C12.8008 11.4315 12.9872 11.7927 13.324 11.902C14.513 12.2863 15.6198 12.8661 16.6147 13.6258C16.7278 13.7106 16.8641 13.7582 17.0055 13.7582C17.0338 13.7582 17.0621 13.7556 17.0903 13.7517C17.26 13.7286 17.413 13.6412 17.5158 13.5062L19.8682 10.4211C19.971 10.2862 20.0173 10.1139 19.9942 9.94552Z"
          fill={getIconColor(colorVariant)}
        />
      </G>
      <Defs>
        <ClipPath id="clip0_3403_208757">
          <Rect width="20" height="20" fill="white" />
        </ClipPath>
      </Defs>
    </Svg>
  );
};
