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

function IconCloseCircleFillComponent(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-close-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.573 26.0775C44.573 37.0716 35.6605 45.984 24.6664 45.984C13.6723 45.984 4.75977 37.0716 4.75977 26.0775C4.75977 15.0834 13.6723 6.1709 24.6664 6.1709C35.6605 6.1709 44.573 15.0834 44.573 26.0775Z" fill={useCurrentColor ? 'currentColor' : '#141414'} fillOpacity=".08"/><path d="M24.4795 43.9911C35.4971 43.9911 44.4287 35.0595 44.4287 24.0419C44.4287 13.0243 35.4971 4.09277 24.4795 4.09277C13.4618 4.09277 4.53027 13.0243 4.53027 24.0419C4.53027 35.0595 13.4618 43.9911 24.4795 43.9911Z" fill={useCurrentColor ? 'currentColor' : '#EE3F38'}/><path fillRule="evenodd" clipRule="evenodd" d="M24.573 40.6661C33.7776 40.6661 41.2395 33.2043 41.2395 23.9997C41.2395 14.7951 33.7776 7.33328 24.573 7.33328C15.3684 7.33328 7.90653 14.7951 7.90653 23.9997C7.90653 33.2043 15.3684 40.6661 24.573 40.6661ZM44.5728 23.9997C44.5728 35.0452 35.6186 43.9994 24.573 43.9994C13.5274 43.9994 4.57324 35.0452 4.57324 23.9997C4.57324 12.9542 13.5274 4 24.573 4C35.6186 4 44.5728 12.9542 44.5728 23.9997Z" fill={useCurrentColor ? 'currentColor' : '#D7312A'}/><path fillRule="evenodd" clipRule="evenodd" d="M31.6087 17.5412L33.0163 18.9488C33.4605 19.393 33.4605 20.1133 33.0163 20.5575L28.4905 25.0825L33.0163 29.608C33.4605 30.0523 33.4605 30.7725 33.0163 31.2167L31.6087 32.6243C31.1644 33.0686 30.4442 33.0686 30 32.6243L25.4732 28.0969L20.951 32.6227C20.5068 33.0669 19.7866 33.0669 19.3423 32.6227L17.9347 31.2151C17.4905 30.7708 17.4905 30.0506 17.9347 29.6064L22.4559 25.0825L17.9347 20.5591C17.4905 20.1149 17.4905 19.3947 17.9347 18.9504L19.3423 17.5428C19.7866 17.0986 20.5068 17.0986 20.951 17.5428L25.4732 22.0652L30 17.5412C30.4442 17.097 31.1644 17.097 31.6087 17.5412Z" fill={useCurrentColor ? 'currentColor' : '#141414'} fillOpacity=".2"/><path fillRule="evenodd" clipRule="evenodd" d="M30.6136 16.5451L32.0212 17.9527C32.4654 18.3969 32.4654 19.1172 32.0212 19.5614L27.4954 24.0864L32.0212 28.6119C32.4654 29.0562 32.4654 29.7764 32.0212 30.2206L30.6136 31.6282C30.1693 32.0725 29.4491 32.0725 29.0049 31.6282L24.4781 27.1008L19.9559 31.6266C19.5117 32.0708 18.7915 32.0708 18.3472 31.6266L16.9396 30.219C16.4954 29.7748 16.4954 29.0545 16.9396 28.6103L21.4608 24.0864L16.9396 19.563C16.4954 19.1188 16.4954 18.3986 16.9396 17.9543L18.3472 16.5467C18.7915 16.1025 19.5117 16.1025 19.9559 16.5467L24.4781 21.0691L29.0049 16.5451C29.4491 16.1009 30.1693 16.1009 30.6136 16.5451Z" fill={useCurrentColor ? 'currentColor' : '#fff'}/></svg>;
}

const IconCloseCircleFill = React.forwardRef(IconCloseCircleFillComponent);
export default IconCloseCircleFill;
