import { useIcon } from 'hooks';
import React from 'react';
import Svg, { Path } from 'react-native-svg';
import { IconProps } from '../types';

export const Chat: React.FC<IconProps> = ({ colorVariant = 'white', ...props }) => {
  const { getIconColor } = useIcon();
  return (
    <Svg width="18" height="18" viewBox="0 0 18 18" fill="none" {...props}>
      <Path
        d="M7.31252 0.000976562C3.28094 0.000976562 0.000780314 3.28113 0.000780314 7.3127C0.000780314 8.69855 0.38324 10.0315 1.10991 11.1834L0.0401512 13.8528C-0.0430901 14.062 0.00527983 14.3005 0.165013 14.4602C0.273002 14.5671 0.416987 14.6244 0.563222 14.6244C0.634089 14.6244 0.703832 14.6109 0.77245 14.5839L3.4418 13.5142C4.59368 14.242 5.92666 14.6244 7.31252 14.6244C11.3441 14.6244 14.6243 11.3443 14.6243 7.3127C14.6243 3.28113 11.3441 0.000976562 7.31252 0.000976562ZM7.31252 13.4995C6.05152 13.4995 4.84677 13.1261 3.82651 12.4208C3.73089 12.3544 3.6184 12.3207 3.50591 12.3207C3.43505 12.3207 3.36418 12.3342 3.29669 12.3612L1.57337 13.0518L2.26404 11.3285C2.33379 11.153 2.31129 10.9539 2.20443 10.7987C1.49912 9.77844 1.12566 8.57369 1.12566 7.3127C1.12566 3.90094 3.90075 1.12586 7.31252 1.12586C10.7243 1.12586 13.4994 3.90094 13.4994 7.3127C13.4994 10.7245 10.7243 13.4995 7.31252 13.4995Z"
        fill={getIconColor(colorVariant)}
      />
      <Path
        d="M17.0887 15.0474C17.6849 14.08 17.9999 12.9675 17.9999 11.8133C17.9999 10.423 17.551 9.11024 16.7006 8.01573C16.5094 7.76938 16.1562 7.72326 15.911 7.91449C15.6657 8.1046 15.6207 8.45781 15.812 8.70416C16.506 9.59956 16.8739 10.6738 16.8739 11.8122C16.8739 12.8426 16.569 13.8291 15.9942 14.666C15.8873 14.8213 15.866 15.0181 15.9357 15.1936L16.4284 16.4299L15.1922 15.9372C15.0167 15.8674 14.8198 15.8888 14.6646 15.9956C12.9042 17.2083 10.408 17.1385 8.70272 15.8123C8.4575 15.6222 8.10428 15.6672 7.91305 15.9113C7.72295 16.1565 7.76682 16.5097 8.01204 16.701C10.0155 18.2567 12.9132 18.4029 15.0448 17.089L17.2259 17.9597C17.2957 17.9856 17.3666 17.9991 17.4363 17.9991C17.5825 17.9991 17.7265 17.9417 17.8345 17.8348C17.9942 17.6762 18.0426 17.4377 17.9594 17.2285L17.0887 15.0474Z"
        fill={getIconColor(colorVariant)}
      />
    </Svg>
  );
};
