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

function IconInfoCircleFillComponent(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-info-circle-fill${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.8573 25.9804C44.8573 36.9769 35.9428 45.8914 24.9462 45.8914C13.9496 45.8914 5.03516 36.9769 5.03516 25.9804C5.03516 14.9838 13.9496 6.06934 24.9462 6.06934C35.9428 6.06934 44.8573 14.9838 44.8573 25.9804Z" fill={useCurrentColor ? 'currentColor' : '#141414'} fillOpacity=".08"/><path d="M24.8574 43.9891C35.9031 43.9891 44.8574 35.0348 44.8574 23.9892C44.8574 12.9435 35.9031 3.98926 24.8574 3.98926C13.8117 3.98926 4.85742 12.9435 4.85742 23.9892C4.85742 35.0348 13.8117 43.9891 24.8574 43.9891Z" fill={useCurrentColor ? 'currentColor' : '#387BFF'}/><path fillRule="evenodd" clipRule="evenodd" d="M24.8574 40.6558C34.0621 40.6558 41.5241 33.1939 41.5241 23.9892C41.5241 14.7845 34.0621 7.32258 24.8574 7.32258C15.6527 7.32258 8.19075 14.7845 8.19075 23.9892C8.19075 33.1939 15.6527 40.6558 24.8574 40.6558ZM44.8574 23.9892C44.8574 35.0348 35.9031 43.9891 24.8574 43.9891C13.8117 43.9891 4.85742 35.0348 4.85742 23.9892C4.85742 12.9435 13.8117 3.98926 24.8574 3.98926C35.9031 3.98926 44.8574 12.9435 44.8574 23.9892Z" fill={useCurrentColor ? 'currentColor' : '#1664FF'}/><path fillRule="evenodd" clipRule="evenodd" d="M27.0884 20.4891C27.3557 20.4891 27.5723 20.7056 27.5724 20.9729L27.5752 31.3356H29.8134C30.0806 31.3356 30.2973 31.5523 30.2973 31.8195V34.4495C30.2973 34.7168 30.0807 34.9335 29.8134 34.9335L21.7144 34.9339C21.4472 34.9339 21.2305 34.7172 21.2305 34.4499V31.8195C21.2305 31.5523 21.4471 31.3356 21.7144 31.3356H23.9357L23.9336 24.0866H23.1718C22.9045 24.0866 22.6878 23.8699 22.6878 23.6026V20.973C22.6878 20.7057 22.9045 20.4891 23.1718 20.4891H27.0884ZM26.691 15.0361C26.9582 15.0361 27.1749 15.2528 27.1749 15.5201V18.1738C27.1749 18.4411 26.9582 18.6578 26.691 18.6578H23.9255C23.6582 18.6578 23.4416 18.4411 23.4416 18.1738V15.5201C23.4416 15.2528 23.6582 15.0361 23.9255 15.0361L26.691 15.0361Z" fill={useCurrentColor ? 'currentColor' : '#141414'} fillOpacity=".2"/><path fillRule="evenodd" clipRule="evenodd" d="M26.0933 19.493C26.3605 19.493 26.5772 19.7096 26.5773 19.9768L26.5801 30.3395H28.8182C29.0855 30.3395 29.3022 30.5562 29.3022 30.8234V33.4534C29.3022 33.7207 29.0855 33.9374 28.8183 33.9374L20.7193 33.9378C20.452 33.9378 20.2354 33.7211 20.2354 33.4538V30.8234C20.2354 30.5562 20.452 30.3395 20.7193 30.3395H22.9406L22.9385 23.0905H22.1767C21.9094 23.0905 21.6927 22.8738 21.6927 22.6066V19.9769C21.6927 19.7096 21.9094 19.493 22.1767 19.493H26.0933ZM25.6958 14.04C25.9631 14.04 26.1798 14.2567 26.1798 14.524V17.1777C26.1798 17.445 25.9631 17.6617 25.6958 17.6617H22.9304C22.6631 17.6617 22.4465 17.445 22.4465 17.1777V14.524C22.4465 14.2567 22.6631 14.04 22.9304 14.04L25.6958 14.04Z" fill={useCurrentColor ? 'currentColor' : '#fff'}/></svg>;
}

const IconInfoCircleFill = React.forwardRef(IconInfoCircleFillComponent);
export default IconInfoCircleFill;
