import React, { ForwardedRef, useContext } from 'react';
import { OriginIconProps } from '../type';
import { Context } from '../context';

function IconAiBotQuoteComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
    const { prefix: prefixFromContext } = useContext(Context);
    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;

    const prefix = prefixFromProps || prefixFromContext || 'hkgai';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-ai-bot-quote${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 18 14" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M16.9422 9.31719L13.1922 13.0672C13.0749 13.1845 12.9159 13.2503 12.75 13.2503C12.5841 13.2503 12.4251 13.1845 12.3078 13.0672C12.1905 12.9499 12.1247 12.7909 12.1247 12.625C12.1247 12.4591 12.1905 12.3001 12.3078 12.1828L14.9914 9.5H9C6.84581 9.49773 4.78051 8.64097 3.25727 7.11773C1.73403 5.59449 0.877275 3.52919 0.875 1.375C0.875 1.20924 0.940848 1.05027 1.05806 0.933058C1.17527 0.815848 1.33424 0.75 1.5 0.75C1.66576 0.75 1.82473 0.815848 1.94194 0.933058C2.05915 1.05027 2.125 1.20924 2.125 1.375C2.12707 3.19773 2.85206 4.94521 4.14092 6.23408C5.42979 7.52294 7.17727 8.24793 9 8.25H14.9914L12.3078 5.56719C12.1905 5.44991 12.1247 5.29085 12.1247 5.125C12.1247 4.95915 12.1905 4.80009 12.3078 4.68281C12.4251 4.56554 12.5841 4.49965 12.75 4.49965C12.9159 4.49965 13.0749 4.56554 13.1922 4.68281L16.9422 8.43281C17.0003 8.49086 17.0464 8.55979 17.0779 8.63566C17.1093 8.71154 17.1255 8.79287 17.1255 8.875C17.1255 8.95713 17.1093 9.03846 17.0779 9.11434C17.0464 9.19021 17.0003 9.25914 16.9422 9.31719Z"/></svg>;
}

const IconAiBotQuote = React.forwardRef(IconAiBotQuoteComponent);
export default IconAiBotQuote;
