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

function IconBarChatsTeardropComponent(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-BarChatsTeardrop${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 30 30" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M20.1902 8.07469C19.2512 6.03681 17.6441 4.38091 15.6352 3.38132C13.6263 2.38174 11.3362 2.09847 9.14433 2.57845C6.95243 3.05842 4.9903 4.27284 3.583 6.02049C2.1757 7.76814 1.4077 9.94414 1.40625 12.188V19.688C1.40625 20.3096 1.65318 20.9057 2.09272 21.3453C2.53226 21.7848 3.1284 22.0317 3.75 22.0317H9.85547C10.6559 23.7133 11.916 25.1339 13.49 26.1294C15.064 27.1248 16.8876 27.6543 18.75 27.6567H26.25C26.8716 27.6567 27.4677 27.4098 27.9073 26.9702C28.3468 26.5307 28.5938 25.9346 28.5938 25.313V17.813C28.5939 15.4517 27.7452 13.1691 26.2026 11.3814C24.6599 9.59376 22.5261 8.42016 20.1902 8.07469ZM4.21875 12.188C4.21875 10.7973 4.63113 9.4379 5.40373 8.28162C6.17633 7.12533 7.27446 6.22412 8.55926 5.69194C9.84405 5.15976 11.2578 5.02052 12.6217 5.29182C13.9857 5.56313 15.2385 6.23279 16.2218 7.21613C17.2052 8.19946 17.8748 9.45231 18.1461 10.8162C18.4174 12.1802 18.2782 13.5939 17.746 14.8787C17.2138 16.1635 16.3126 17.2616 15.1564 18.0342C14.0001 18.8068 12.6406 19.2192 11.25 19.2192H4.21875V12.188ZM25.7812 24.8442H18.75C17.6251 24.8429 16.5168 24.5723 15.5178 24.0551C14.5188 23.5379 13.6582 22.789 13.0078 21.8712C15.451 21.4298 17.6369 20.0808 19.1269 18.0948C20.6169 16.1089 21.3006 13.6329 21.041 11.1638C22.425 11.6407 23.6256 12.5377 24.4753 13.7297C25.3251 14.9217 25.7816 16.3491 25.7812 17.813V24.8442Z"/></svg>;
}

const IconBarChatsTeardrop = React.forwardRef(IconBarChatsTeardropComponent);
export default IconBarChatsTeardrop;
