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

function IconHKGAIComponent(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-HKGAI${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 71 19" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M3.16786 18H0.0958555V0.456H3.16786V7.728H10.9439V0.456H14.0159V18H10.9439V10.56H3.16786V18ZM31.6849 0.456L20.2369 15.192V10.608L28.0609 0.456H31.6849ZM20.9569 0.456V18H17.8849V0.456H20.9569ZM23.7409 10.32L25.7089 7.68L31.7569 18H28.2049L23.7409 10.32ZM40.4946 3.048C39.3426 3.048 38.3586 3.312 37.5426 3.84C36.7266 4.368 36.1026 5.104 35.6706 6.048C35.2386 6.976 35.0226 8.08 35.0226 9.36C35.0226 10.656 35.2546 11.76 35.7186 12.672C36.1826 13.568 36.8226 14.248 37.6386 14.712C38.4706 15.176 39.4226 15.408 40.4946 15.408C41.2786 15.408 41.9666 15.312 42.5586 15.12C43.1666 14.912 43.6786 14.616 44.0946 14.232C44.5106 13.832 44.8306 13.352 45.0546 12.792C45.2946 12.232 45.4146 11.608 45.4146 10.92V9.384L46.8546 10.848H40.1106V8.136H48.2706V18H45.6786L45.4146 15.168L45.7746 15.528C45.5186 16.056 45.1106 16.528 44.5506 16.944C44.0066 17.36 43.3586 17.688 42.6066 17.928C41.8546 18.152 41.0386 18.264 40.1586 18.264C38.5266 18.264 37.0786 17.896 35.8146 17.16C34.5666 16.408 33.5826 15.36 32.8626 14.016C32.1586 12.672 31.8066 11.096 31.8066 9.288C31.8066 7.512 32.1666 5.944 32.8866 4.584C33.6226 3.208 34.6466 2.128 35.9586 1.344C37.2866 0.559999 38.8226 0.167999 40.5666 0.167999C41.9106 0.167999 43.1266 0.415999 44.2146 0.912C45.3026 1.392 46.1906 2.072 46.8786 2.952C47.5826 3.832 48.0146 4.872 48.1746 6.072H44.9346C44.6626 5.032 44.1186 4.272 43.3026 3.792C42.4866 3.296 41.5506 3.048 40.4946 3.048ZM53.0526 18H49.8846L56.2206 0.456H59.3646L65.7006 18H62.4606L61.0446 13.944H54.4926L53.0526 18ZM57.3966 5.688L55.3806 11.352H60.1566L58.1406 5.688C58.0766 5.448 58.0046 5.208 57.9246 4.968C57.8446 4.728 57.7966 4.52 57.7806 4.344C57.7486 4.504 57.6926 4.712 57.6126 4.968C57.5486 5.208 57.4766 5.448 57.3966 5.688ZM70.9725 0.456V18H67.9005V0.456H70.9725Z"/></svg>;
}

const IconHKGAI = React.forwardRef(IconHKGAIComponent);
export default IconHKGAI;
