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

function IconAgentproStopComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
    const { prefix: prefixFromContext } = useContext(Context);
    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;

    const prefix = prefixFromProps || prefixFromContext || 'hiagent';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-agentpro-stop${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 28 28" {...rest} ref={ref}><path d="M14 0c7.732 0 14 6.268 14 14s-6.268 14-14 14S0 21.732 0 14 6.268 0 14 0Zm-2.625 7.875a3.5 3.5 0 0 0-3.5 3.5v5.25a3.5 3.5 0 0 0 3.5 3.5h5.25a3.5 3.5 0 0 0 3.5-3.5v-5.25a3.5 3.5 0 0 0-3.5-3.5h-5.25Z"/></svg>;
}

const IconAgentproStop = React.forwardRef(IconAgentproStopComponent);
export default IconAgentproStop;
