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

function IconExclamationCircleRedFillComponent(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-exclamation-circle-red-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.9872C44.8573 36.9837 35.9428 45.8982 24.9462 45.8982C13.9496 45.8982 5.03516 36.9837 5.03516 25.9872C5.03516 14.9906 13.9496 6.07617 24.9462 6.07617C35.9428 6.07617 44.8573 14.9906 44.8573 25.9872Z" fill={useCurrentColor ? 'currentColor' : '#141414'} fillOpacity=".08"/><path d="M24.8574 43.9959C35.9031 43.9959 44.8574 35.0417 44.8574 23.996C44.8574 12.9504 35.9031 3.99609 24.8574 3.99609C13.8117 3.99609 4.85742 12.9504 4.85742 23.996C4.85742 35.0417 13.8117 43.9959 24.8574 43.9959Z" fill={useCurrentColor ? 'currentColor' : '#EE3F38'}/><path fillRule="evenodd" clipRule="evenodd" d="M24.8574 40.6626C34.0621 40.6626 41.5241 33.2007 41.5241 23.996C41.5241 14.7913 34.0621 7.32941 24.8574 7.32941C15.6527 7.32941 8.19075 14.7913 8.19075 23.996C8.19075 33.2007 15.6527 40.6626 24.8574 40.6626ZM44.8574 23.996C44.8574 35.0417 35.9031 43.9959 24.8574 43.9959C13.8117 43.9959 4.85742 35.0417 4.85742 23.996C4.85742 12.9504 13.8117 3.99609 24.8574 3.99609C35.9031 3.99609 44.8574 12.9504 44.8574 23.996Z" fill={useCurrentColor ? 'currentColor' : '#D7312A'}/><path fillRule="evenodd" clipRule="evenodd" d="M27.0508 29.8199C27.6006 29.8199 28.0463 30.2657 28.0463 30.8155V33.4039C28.0463 33.9538 27.6006 34.3995 27.0508 34.3995H24.4624C23.9125 34.3995 23.4668 33.9538 23.4668 33.4039V30.8155C23.4668 30.2657 23.9125 29.8199 24.4624 29.8199H27.0508ZM27.0508 15.1982C27.6006 15.1982 28.0463 15.644 28.0463 16.1938V26.6674C28.0463 27.2172 27.6006 27.6629 27.0508 27.6629H24.4624C23.9125 27.6629 23.4668 27.2172 23.4668 26.6674V16.1938C23.4668 15.644 23.9125 15.1982 24.4624 15.1982H27.0508Z" fill={useCurrentColor ? 'currentColor' : '#141414'} fillOpacity=".2"/><path fillRule="evenodd" clipRule="evenodd" d="M26.0547 28.8238C26.6045 28.8238 27.0503 29.2696 27.0503 29.8194V32.4078C27.0503 32.9577 26.6045 33.4034 26.0547 33.4034H23.4663C22.9164 33.4034 22.4707 32.9577 22.4707 32.4078V29.8194C22.4707 29.2696 22.9164 28.8238 23.4663 28.8238H26.0547ZM26.0547 14.2021C26.6045 14.2021 27.0503 14.6479 27.0503 15.1977V25.6713C27.0503 26.2211 26.6045 26.6668 26.0547 26.6668H23.4663C22.9164 26.6668 22.4707 26.2211 22.4707 25.6713V15.1977C22.4707 14.6479 22.9164 14.2021 23.4663 14.2021H26.0547Z" fill={useCurrentColor ? 'currentColor' : '#fff'}/></svg>;
}

const IconExclamationCircleRedFill = React.forwardRef(IconExclamationCircleRedFillComponent);
export default IconExclamationCircleRedFill;
