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

function IconCheckCircleBlueComponent(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 || 'hiagent';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-check-circle-blue${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 49 48" fill={useCurrentColor ? 'currentColor' : 'none'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M44.8625 25.9982C44.8625 37.0234 35.9248 45.9612 24.8995 45.9612C13.8743 45.9612 4.93652 37.0234 4.93652 25.9982C4.93652 14.9729 13.8743 6.03516 24.8995 6.03516C35.9248 6.03516 44.8625 14.9729 44.8625 25.9982Z" fill={useCurrentColor ? 'currentColor' : '#141414'} fillOpacity=".08"/><path d="M24.861 44.0033C35.9077 44.0033 44.8627 35.0483 44.8627 24.0017C44.8627 12.9551 35.9077 4 24.861 4C13.8144 4 4.85938 12.9551 4.85938 24.0017C4.85938 35.0483 13.8144 44.0033 24.861 44.0033Z" fill={useCurrentColor ? 'currentColor' : '#387BFF'}/><path fillRule="evenodd" clipRule="evenodd" d="M24.861 40.6697C34.0666 40.6697 41.5291 33.2072 41.5291 24.0017C41.5291 14.7962 34.0666 7.33361 24.861 7.33361C15.6555 7.33361 8.19299 14.7962 8.19299 24.0017C8.19299 33.2072 15.6555 40.6697 24.861 40.6697ZM44.8627 24.0017C44.8627 35.0483 35.9077 44.0033 24.861 44.0033C13.8144 44.0033 4.85938 35.0483 4.85938 24.0017C4.85938 12.9551 13.8144 4 24.861 4C35.9077 4 44.8627 12.9551 44.8627 24.0017Z" fill={useCurrentColor ? 'currentColor' : '#1664FF'}/><path fillRule="evenodd" clipRule="evenodd" d="M33.9576 19.085L35.33 20.4574C35.709 20.8364 35.709 21.4508 35.33 21.8298L24.3509 32.8089C24.2052 32.9546 24.0246 33.0443 23.8359 33.078L23.722 33.0914H23.6074C23.3785 33.078 23.1534 32.9838 22.9785 32.8089L16.8028 26.6331C16.4238 26.2542 16.4238 25.6397 16.8028 25.2608L18.1752 23.8884C18.5541 23.5094 19.1686 23.5094 19.5476 23.8884L23.6648 28.0053L32.5852 19.085C32.9642 18.706 33.5786 18.706 33.9576 19.085Z" fill={useCurrentColor ? 'currentColor' : '#141414'} fillOpacity=".2"/><path fillRule="evenodd" clipRule="evenodd" d="M32.9586 18.086L34.331 19.4584C34.71 19.8374 34.71 20.4518 34.331 20.8308L23.3519 31.8099C23.2061 31.9556 23.0255 32.0453 22.8369 32.079L22.723 32.0924H22.6084C22.3795 32.079 22.1544 31.9848 21.9795 31.8099L15.8038 25.6341C15.4248 25.2551 15.4248 24.6407 15.8038 24.2617L17.1761 22.8893C17.5551 22.5104 18.1696 22.5104 18.5485 22.8893L22.6657 27.0062L31.5862 18.086C31.9652 17.707 32.5796 17.707 32.9586 18.086Z" fill={useCurrentColor ? 'currentColor' : '#fff'}/></svg>;
}

const IconCheckCircleBlue = React.forwardRef(IconCheckCircleBlueComponent);
export default IconCheckCircleBlue;
