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

function IconExclamationCircleFillComponent(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-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.2743 25.9927C44.2743 37.0322 35.3251 45.9815 24.2856 45.9815C13.2461 45.9815 4.29688 37.0322 4.29688 25.9927C4.29688 14.9532 13.2461 6.00391 24.2856 6.00391C35.3251 6.00391 44.2743 14.9532 44.2743 25.9927Z" fill={useCurrentColor ? 'currentColor' : '#141414'} fillOpacity=".08"/><path d="M4.29688 24.0002C4.29688 12.9532 13.2501 4 24.297 4C35.344 4 44.2972 12.9532 44.2972 24.0002C44.2972 35.0472 35.344 44.0005 24.297 44.0005C13.2501 44.0005 4.29688 35.0472 4.29688 24.0002Z" fill={useCurrentColor ? 'currentColor' : '#F0A50F'}/><path fillRule="evenodd" clipRule="evenodd" d="M24.297 7.33337C15.091 7.33337 7.63024 14.7942 7.63024 24.0002C7.63024 33.2063 15.091 40.6671 24.297 40.6671C33.503 40.6671 40.9638 33.2063 40.9638 24.0002C40.9638 14.7942 33.503 7.33337 24.297 7.33337ZM24.297 4C13.2501 4 4.29688 12.9532 4.29688 24.0002C4.29688 35.0472 13.2501 44.0005 24.297 44.0005C35.344 44.0005 44.2972 35.0472 44.2972 24.0002C44.2972 12.9532 35.344 4 24.297 4Z" fill={useCurrentColor ? 'currentColor' : '#D08D06'}/><path fillRule="evenodd" clipRule="evenodd" d="M26.1231 29.7019C26.6729 29.7019 27.1186 30.1476 27.1186 30.6974V33.2859C27.1186 33.8357 26.6729 34.2814 26.1231 34.2814H23.5346C22.9848 34.2814 22.5391 33.8357 22.5391 33.2859V30.6974C22.5391 30.1476 22.9848 29.7019 23.5346 29.7019H26.1231ZM26.1231 15.0801C26.6729 15.0801 27.1186 15.5258 27.1186 16.0756V26.5493C27.1186 27.0991 26.6729 27.5448 26.1231 27.5448H23.5346C22.9848 27.5448 22.5391 27.0991 22.5391 26.5493V16.0756C22.5391 15.5258 22.9848 15.0801 23.5346 15.0801H26.1231Z" fill={useCurrentColor ? 'currentColor' : '#141414'} fillOpacity=".2"/><path fillRule="evenodd" clipRule="evenodd" d="M25.128 28.7068C25.6778 28.7068 26.1235 29.1525 26.1235 29.7023V32.2908C26.1235 32.8406 25.6778 33.2863 25.128 33.2863H22.5395C21.9897 33.2863 21.5439 32.8406 21.5439 32.2908V29.7023C21.5439 29.1525 21.9897 28.7068 22.5395 28.7068H25.128ZM25.128 14.085C25.6778 14.085 26.1235 14.5307 26.1235 15.0805V25.5542C26.1235 26.104 25.6778 26.5497 25.128 26.5497H22.5395C21.9897 26.5497 21.5439 26.104 21.5439 25.5542V15.0805C21.5439 14.5307 21.9897 14.085 22.5395 14.085H25.128Z" fill={useCurrentColor ? 'currentColor' : '#fff'}/></svg>;
}

const IconExclamationCircleFill = React.forwardRef(IconExclamationCircleFillComponent);
export default IconExclamationCircleFill;
