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

function IconMinusCircleFillGreyComponent(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-minus-circle-fill-grey${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 24 25" fill={useCurrentColor ? 'currentColor' : 'none'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><g filter="url(#svg_9a9c4f0d92__svg_b6f3d979fb__filter0_d_6_175)"><path d="M12.0234 2.17065C17.5463 2.17065 22.0234 6.64781 22.0234 12.1707C22.0234 17.6935 17.5463 22.1707 12.0234 22.1707C6.50059 22.1707 2.02344 17.6935 2.02344 12.1707C2.02344 6.64781 6.50059 2.17065 12.0234 2.17065Z" fill={useCurrentColor ? 'currentColor' : '#80838A'}/><path fillRule="evenodd" clipRule="evenodd" d="M20.0234 12.1707C20.0234 7.75237 16.4418 4.17065 12.0234 4.17065C7.60516 4.17065 4.02344 7.75238 4.02344 12.1707C4.02344 16.589 7.60516 20.1707 12.0234 20.1707C16.4418 20.1707 20.0234 16.589 20.0234 12.1707ZM22.0234 12.1707C22.0234 6.64781 17.5463 2.17065 12.0234 2.17065C6.50059 2.17065 2.02344 6.64781 2.02344 12.1707C2.02344 17.6935 6.50059 22.1707 12.0234 22.1707C17.5463 22.1707 22.0234 17.6935 22.0234 12.1707Z" fill={useCurrentColor ? 'currentColor' : '#676B72'}/><g filter="url(#svg_9a9c4f0d92__svg_b6f3d979fb__filter1_d_6_175)"><path fillRule="evenodd" clipRule="evenodd" d="M16.3013 12.9421C16.3013 13.1078 16.167 13.2421 16.0013 13.2421H8.04658C7.8809 13.2421 7.74658 13.1078 7.74658 12.9421V11.3992C7.74658 11.2336 7.8809 11.0992 8.04658 11.0992H16.0013C16.167 11.0992 16.3013 11.2336 16.3013 11.3992V12.9421Z" fill={useCurrentColor ? 'currentColor' : '#fff'}/></g></g><defs><filter id="svg_9a9c4f0d92__svg_b6f3d979fb__filter0_d_6_175" x="2.023" y="2.171" width="20" height="21.167" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1.167"/><feColorMatrix values="0 0 0 0 0.0784314 0 0 0 0 0.0784314 0 0 0 0 0.0784314 0 0 0 0.08 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_6_175"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_6_175" result="shape"/></filter><filter id="svg_9a9c4f0d92__svg_b6f3d979fb__filter1_d_6_175" x="7.747" y="11.099" width="8.555" height="3.143" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1"/><feColorMatrix values="0 0 0 0 0.0784314 0 0 0 0 0.0784314 0 0 0 0 0.0784314 0 0 0 0.08 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_6_175"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_6_175" result="shape"/></filter></defs></svg>;
}

const IconMinusCircleFillGrey = React.forwardRef(IconMinusCircleFillGreyComponent);
export default IconMinusCircleFillGrey;
