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

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

    const prefix = prefixFromProps || prefixFromContext || 'hkgai';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-hk-chat-light${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 107 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M14.5433 0.44043H19.8289V23.4856H14.5433V0.44043ZM6.08637 0.44043H0.800781V23.4856H6.08637V0.44043Z" fill={useCurrentColor ? 'currentColor' : '#165DFF'}/><path fillRule="evenodd" clipRule="evenodd" d="M6.08637 0.44043H0.800781V23.4856H6.08637V0.44043ZM19.8289 0.44043H14.5433V23.4856H19.8289V0.44043Z" fill={useCurrentColor ? 'currentColor' : '#165DFF'}/><path d="M5.45117 14.606L5.45117 9.32036L14.9652 9.32036L14.9652 14.606L5.45117 14.606Z" fill={useCurrentColor ? 'currentColor' : '#165DFF'}/><path fillRule="evenodd" clipRule="evenodd" d="M6.08637 0.44043H0.800781V23.4856H6.08637V0.44043ZM19.8289 0.44043H14.5433V23.4856H19.8289V0.44043Z" fill={useCurrentColor ? 'currentColor' : '#165DFF'}/><path fillRule="evenodd" clipRule="evenodd" d="M0.800781 0.44043H6.08637V9.32027H14.5433V0.422869L19.8426 0.422852V23.5033L14.5433 23.5033V14.6059H6.08637V23.4856H0.800781V0.44043ZM33.0463 1.32633C32.8337 5.82272 31.0366 9.9899 27.9727 13.1956L27.6518 13.5221L34.9718 23.5033H28.4308L20.4761 12.6555L22.5291 11.1183C22.9414 10.8096 23.3324 10.4811 23.7012 10.1346C26.2828 7.70898 27.7773 4.40047 27.8803 0.819835L27.8861 0.422852H33.0677C33.0677 0.725349 33.0605 1.02657 33.0463 1.32633Z" fill={useCurrentColor ? 'currentColor' : '#1B2559'}/><path d="M33.0673 0.422852C33.0673 5.26282 31.2405 9.77619 27.9723 13.1956L27.6515 13.5221L34.9715 23.5033H28.4305L20.4758 12.6555L22.5288 11.1183C25.827 8.64871 27.7623 4.91199 27.88 0.819835L27.8858 0.422852H33.0673Z" fill={useCurrentColor ? 'currentColor' : '#165DFF'}/><path d="M46.5296 23.9121C44.2631 23.9121 42.3029 23.4425 40.6489 22.5032 38.995 21.5435 37.7188 20.1958 36.8203 18.4602 35.9219 16.7041 35.4727 14.6316 35.4727 12.2425 35.4727 9.87391 35.9423 7.81158 36.8816 6.05553 37.8209 4.29948 39.1379 2.9416 40.8327 1.9819 42.5275 1.00178 44.4979.511719 46.744.511719 48.643.511719 50.3276.858844 51.7978 1.5531 53.2884 2.22693 54.5033 3.18663 55.4426 4.4322 56.3819 5.67777 56.9638 7.14795 57.1885 8.84274H51.9509C51.6242 7.69927 50.9912 6.82125 50.0519 6.20867 49.1331 5.59609 47.9896 5.28981 46.6215 5.28981 45.3964 5.28981 44.3346 5.56547 43.4361 6.11679 42.5581 6.6681 41.8843 7.46445 41.4146 8.50583 40.945 9.52679 40.7102 10.7621 40.7102 12.2119 40.7102 13.6208 40.945 14.846 41.4146 15.8874 41.9047 16.9287 42.5887 17.7353 43.4668 18.307 44.3652 18.8584 45.4168 19.134 46.6215 19.134 48.01 19.134 49.1841 18.8175 50.1438 18.1845 51.124 17.5311 51.7672 16.6429 52.0735 15.5198H57.2191C56.9536 17.1942 56.3309 18.6644 55.3507 19.9304 54.391 21.1964 53.1557 22.1765 51.6446 22.8707 50.1336 23.565 48.4286 23.9121 46.5296 23.9121zM95.4355 7.94821H106.2V11.9534H95.4355V7.94821zM103.227 23.5936H98.4082V3.09814H103.227V23.5936zM84.1222 24.0001C82.4743 24.0001 81.16 23.5516 80.1796 22.6546 79.22 21.7367 78.7402 20.5164 78.7402 18.9935 78.7402 17.5542 79.2305 16.4068 80.2109 15.5516 81.2122 14.6963 82.6516 14.1956 84.529 14.0496L88.9097 13.7054V13.4551C88.9097 12.9336 88.8054 12.5059 88.5968 12.1722 88.3882 11.8175 88.0857 11.5568 87.6894 11.3899 87.3139 11.2022 86.8341 11.1083 86.25 11.1083 85.2278 11.1083 84.4456 11.296 83.9032 11.6715 83.3817 12.047 83.1209 12.5894 83.1209 13.2986H79.1157C79.1157 12.1096 79.4182 11.077 80.0232 10.2008 80.6281 9.32471 81.4834 8.64674 82.589 8.16695 83.7155 7.68716 85.0192 7.44727 86.5003 7.44727 88.0231 7.44727 89.3061 7.71845 90.3491 8.26082 91.413 8.8032 92.2161 9.5959 92.7585 10.6389 93.3217 11.6819 93.6033 12.9544 93.6033 14.4564V23.5933H89.3478L89.0349 21.5281C88.7845 22.2373 88.19 22.8319 87.2513 23.3117 86.3334 23.7706 85.2904 24.0001 84.1222 24.0001zM85.8119 20.4329C86.7298 20.4329 87.4808 20.2139 88.0649 19.7758 88.649 19.3169 88.941 18.6389 88.941 17.7419V16.8971L86.5003 17.1161C85.4573 17.1995 84.7168 17.3769 84.2787 17.648 83.8615 17.8984 83.6529 18.2739 83.6529 18.7745 83.6529 19.3377 83.8302 19.7549 84.1848 20.0261 84.5394 20.2973 85.0818 20.4329 85.8119 20.4329zM65.2406 23.5932H60.4219V0H65.2719V9.57496C65.7517 8.90742 66.4088 8.38591 67.2432 8.01042 68.0985 7.63493 69.0372 7.44719 70.0594 7.44719 71.916 7.44719 73.3554 8.02085 74.3775 9.16818 75.4206 10.2946 75.9421 11.88 75.9421 13.9244V23.5932H71.1233V15.0821C71.1233 14.4146 71.0086 13.8409 70.7791 13.3611 70.5496 12.8813 70.2263 12.5059 69.8091 12.2347 69.4127 11.9635 68.9329 11.8279 68.3697 11.8279 67.7439 11.8279 67.1911 11.9635 66.7113 12.2347 66.2524 12.485 65.8873 12.8501 65.6161 13.3298 65.3658 13.8096 65.2406 14.3729 65.2406 15.0195V23.5932z" fill={useCurrentColor ? 'currentColor' : '#1B2559'}/></svg>;
}

const IconHkChatLight = React.forwardRef(IconHkChatLightComponent);
export default IconHkChatLight;
