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

export const Mic: React.FC<IconProps> = ({ colorVariant = 'white', ...props }) => {
  const { getIconColor } = useIcon();
  return (
    <Svg width="12" height="12" viewBox="0 0 12 12" fill="none" {...props}>
      <G clipPath="url(#clip0_1360_47766)">
        <Path
          d="M5.99996 7.57143C7.29954 7.57143 8.35711 6.51386 8.35711 5.21429V2.85714C8.35711 1.55757 7.29954 0.5 5.99996 0.5C4.70039 0.5 3.64282 1.55757 3.64282 2.85714V5.21429C3.64282 6.51386 4.70039 7.57143 5.99996 7.57143Z"
          fill={getIconColor(colorVariant)}
        />
        <Path
          d="M9.53569 3.64307C9.31884 3.64307 9.14284 3.81828 9.14284 4.03592V5.21449C9.14284 6.94778 7.73327 8.35735 5.99998 8.35735C4.2667 8.35735 2.85713 6.94778 2.85713 5.21449V4.03592C2.85713 3.81828 2.68113 3.64307 2.46427 3.64307C2.24741 3.64307 2.07141 3.81828 2.07141 4.03592V5.21449C2.07141 7.24557 3.62713 8.90264 5.60712 9.103V11.1074C5.60712 11.3242 5.78312 11.5002 5.99998 11.5002C6.21684 11.5002 6.39284 11.3242 6.39284 11.1074V9.103C8.37284 8.90264 9.92855 7.24557 9.92855 5.21449V4.03592C9.92855 3.81828 9.75255 3.64307 9.53569 3.64307Z"
          fill={getIconColor(colorVariant)}
        />
      </G>
      <Defs>
        <ClipPath id="clip0_1360_47766">
          <Rect width="11" height="11" fill="white" transform="translate(0.5 0.5)" />
        </ClipPath>
      </Defs>
    </Svg>
  );
};
