/* 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 ChatFill: 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_47789)">
        <Path
          d="M6.34375 0.5H3.59375C1.88806 0.5 0.5 1.88806 0.5 3.59375V4.28125C0.5 5.98694 1.88806 7.375 3.59375 7.375H3.9375V8.40625C3.9375 8.55406 4.03238 8.68538 4.17263 8.73281C4.20838 8.74381 4.24481 8.75 4.28125 8.75C4.38712 8.75 4.49025 8.70119 4.55625 8.6125L5.48438 7.375H6.34375C8.04944 7.375 9.4375 5.98694 9.4375 4.28125V3.59375C9.4375 1.88806 8.04944 0.5 6.34375 0.5Z"
          fill={getIconColor(colorVariant)}
        />
        <Path
          d="M10.125 4.17871V4.28115C10.125 6.36634 8.42825 8.0624 6.34375 8.0624H5.82812L5.10625 9.02421C4.91375 9.28202 4.60506 9.4374 4.28125 9.4374C4.17468 9.4374 4.06812 9.4209 3.96431 9.3879C3.94231 9.38034 3.92512 9.36521 3.90381 9.35627C4.34312 9.82652 4.96393 10.1249 5.65625 10.1249H6.51562L7.44375 11.3624C7.51043 11.4511 7.61287 11.4999 7.71875 11.4999C7.75518 11.4999 7.79162 11.4937 7.82737 11.4827C7.96762 11.4353 8.0625 11.304 8.0625 11.1561V10.1249H9.09375C10.4206 10.1249 11.5 9.04552 11.5 7.71865V6.34365C11.5 5.38734 10.9349 4.56646 10.125 4.17871Z"
          fill={getIconColor(colorVariant)}
        />
      </G>
      <Defs>
        <ClipPath id="clip0_1360_47789">
          <Rect width="11" height="11" fill="white" transform="translate(0.5 0.5)" />
        </ClipPath>
      </Defs>
    </Svg>
  );
};
