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

function IconHkGaiLogoComponent(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-HkGaiLogo${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 80 78" fill="none" xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><circle cx="59.933" cy="34.167" fill={useCurrentColor ? 'currentColor' : '#FF7BF9'} r="13.533"/><path fillRule="evenodd" clipRule="evenodd" d="M65.8386 53.0886C63.9734 53.67 61.9899 53.9833 59.9333 53.9833C53.937 53.9833 48.5627 51.3201 44.9288 47.1119C41.7088 49.5858 39.6333 53.4755 39.6333 57.85C39.6333 65.3242 45.6924 71.3833 53.1666 71.3833C60.6409 71.3833 66.6999 65.3242 66.6999 57.85C66.6999 56.1743 66.3954 54.5697 65.8386 53.0886Z" fill={useCurrentColor ? 'currentColor' : '#FF6FF9'}/><path fillRule="evenodd" clipRule="evenodd" d="M35.931 48.0636C33.5014 45.7423 30.2089 44.3167 26.5833 44.3167C19.1091 44.3167 13.05 50.3757 13.05 57.85C13.05 65.3242 19.1091 71.3833 26.5833 71.3833C30.2089 71.3833 33.5015 69.9576 35.9311 67.6362C34.2882 64.7492 33.3499 61.4091 33.3499 57.8499C33.3499 54.2907 34.2882 50.9506 35.931 48.0636Z" fill={useCurrentColor ? 'currentColor' : '#FF5AF8'}/><path fillRule="evenodd" clipRule="evenodd" d="M40.3142 34.1582C40.1538 34.1638 39.9927 34.1667 39.8309 34.1667L39.8251 34.1667C39.6276 25.9154 34.3866 18.9133 27.0667 16.125C28.9237 10.8673 33.9373 7.10004 39.8309 7.10004C45.6292 7.10004 50.5759 10.7466 52.5027 15.8715C45.3472 18.8584 40.3176 25.9207 40.3142 34.1582Z" fill={useCurrentColor ? 'currentColor' : '#FF90FA'}/><path fillRule="evenodd" clipRule="evenodd" d="M11.8166 44.7116C15.4516 40.3362 20.9338 37.5502 27.0667 37.5502C29.1803 37.5502 31.2167 37.8811 33.1267 38.4939C33.5849 37.1352 33.8333 35.6799 33.8333 34.1667C33.8333 26.6924 27.7742 20.6334 20.3 20.6334C12.8257 20.6334 6.76666 26.6924 6.76666 34.1667C6.76666 38.4289 8.73704 42.231 11.8166 44.7116Z" fill={useCurrentColor ? 'currentColor' : '#FF52F8'}/></svg>;
}

const IconHkGaiLogo = React.forwardRef(IconHkGaiLogoComponent);
export default IconHkGaiLogo;
