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

function IconHkChatLogComponent(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-log${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 453 140" fill="none" xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M348.352 58.0681V112.532H331.48V74.4961H312.536V58.0681H348.352zM348.352 105.576C354.272 115.492 364.484 119.636 379.728 120.228 397.34 121.116 432.564 120.672 452.988 119.044 451.064 123.04 448.4 131.18 447.512 136.36 429.16 137.248 397.636 137.544 379.432 136.656 361.672 135.916 349.832 131.624 340.952 120.228 334.144 126 327.188 131.772 318.752 137.988L310.612 120.376C317.568 116.38 325.856 111.052 332.96 105.576H348.352zM314.608 14.8521L326.892 3.45605C336.068 9.67206 347.612 19.2921 352.94 26.3961L339.62 39.1241C334.884 32.0201 323.784 21.6601 314.608 14.8521zM374.548 29.0601L385.796 19.5881C398.968 24.1761 417.616 32.1681 427.68 37.9401L415.544 48.4481C406.516 42.8241 388.164 34.3881 374.548 29.0601zM361.08 37.4961H436.412V50.3721H377.804V114.16H361.08V37.4961zM428.124 37.4961H444.996V98.7681C444.996 106.02 443.812 109.72 438.928 112.088 434.34 114.604 427.828 114.604 418.948 114.604 418.356 110.312 416.432 104.54 414.508 100.692 419.244 100.84 424.424 100.84 425.904 100.84 427.68 100.84 428.124 100.248 428.124 98.6201V37.4961zM362.412 5.23206H433.008V18.7001H362.412V5.23206zM370.404 58.3641H433.896V70.6481H370.404V58.3641zM370.404 79.0841H433.896V91.9601H370.404V79.0841zM394.824 43.5641H410.66V113.568H394.824V43.5641zM426.644 5.23206H430.64L434.192 4.34406 444.7 12.9281C434.192 22.6961 419.54 33.2041 405.924 39.7161 403.852 36.7561 399.56 32.1681 397.044 29.8001 408.144 24.4721 421.02 15.1481 426.644 8.34006V5.23206zM222.256 79.5281H290.484V138.728H272.724V95.5121H238.98V139.468H222.256V79.5281zM280.124 1.82812L292.556 16.6281C272.428 22.5481 245.196 25.9521 221.812 27.5801 221.22 23.2881 218.852 16.6281 216.78 12.6321 239.276 10.7081 264.436 6.86012 280.124 1.82812zM246.38 15.7401H264.584V87.5201H246.38V15.7401zM214.412 43.2681H296.552V59.9921H214.412V43.2681zM233.504 116.232H281.16V132.216H233.504V116.232zM163.944 46.8201H208.64V60.1401H163.944V46.8201zM164.832 4.93613H208.64V18.4041H164.832V4.93613zM163.944 67.5401H208.64V80.8601H163.944V67.5401zM156.692 25.5081H213.376V39.4201H156.692V25.5081zM172.676 88.4081H209.38V133.4H172.676V119.488H194.136V102.468H172.676V88.4081zM163.5 88.4081H178.448V139.32H163.5V88.4081z" fill={useCurrentColor ? 'currentColor' : '#1B2559'}/><path d="M43.6201 15.4441H136.268V31.2801H43.6201V15.4441ZM37.8481 42.3801H140.708V58.3641H37.8481V42.3801ZM61.8242 0.496094H79.1401V54.0721H61.8242V0.496094ZM99.5641 0.496094H117.028V54.2201H99.5641V0.496094ZM63.0081 52.7401L78.2522 57.7721C71.4442 74.4961 59.4561 90.9241 46.5801 100.248C43.9161 96.2521 38.2921 90.0361 34.4441 86.9281C45.9882 79.5281 57.3842 65.9121 63.0081 52.7401ZM115.252 52.2961C120.876 64.8761 131.828 77.4561 143.52 84.2641C139.524 87.5201 133.752 93.8841 131.088 98.3241C118.36 89.4441 107.112 73.3121 100.452 57.3281L115.252 52.2961ZM65.3761 93.8841H98.6761V83.2281H67.4481V69.3161H114.808V107.796H65.3761V93.8841ZM58.1241 93.8841H74.8482V118.452C74.8482 122.892 76.1801 123.632 84.9121 123.632C88.7601 123.632 105.484 123.632 110.516 123.632C117.62 123.632 118.656 121.708 119.544 108.388C123.096 111.052 130.348 113.568 134.936 114.456C132.716 134.436 127.98 139.172 111.848 139.172C107.556 139.172 87.4281 139.172 83.2841 139.172C63.7482 139.172 58.1241 134.584 58.1241 118.748V93.8841ZM8.54415 14.1121L18.4601 0.940096C27.1921 4.3441 38.5882 10.2641 44.2121 15.1481L33.8521 29.8001C28.6721 24.7681 17.4241 18.1081 8.54415 14.1121ZM0.848145 54.2201L10.6161 40.7521C19.3481 43.8601 30.5961 49.6321 36.2201 54.3681L26.0081 69.0201C20.8281 64.2841 9.72814 57.9201 0.848145 54.2201ZM4.54814 127.036C11.5041 115.64 21.1241 96.9921 28.5241 79.5281L42.5841 90.1841C35.9241 106.02 28.0801 123.188 20.5321 137.692L4.54814 127.036Z" fill={useCurrentColor ? 'currentColor' : '#165DFF'}/></svg>;
}

const IconHkChatLog = React.forwardRef(IconHkChatLogComponent);
export default IconHkChatLog;
