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

function IconWorkflowDebugComponent(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-workflow-debug${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 24 24" {...rest} ref={ref}><g><path d="M18.788 5.212A9.6 9.6 0 1 0 5.212 18.789 9.6 9.6 0 0 0 18.788 5.212ZM9.625 7.2c.15.004.298.05.425.134l6.013 3.919a.854.854 0 0 1 .291.32.91.91 0 0 1 0 .853c-.07.13-.17.24-.29.32l-6.014 3.92a.817.817 0 0 1-.856.024.862.862 0 0 1-.317-.323.91.91 0 0 1-.117-.447V8.08a.91.91 0 0 1 .117-.447.861.861 0 0 1 .317-.323.816.816 0 0 1 .431-.11Z"/></g></svg>;
}

const IconWorkflowDebug = React.forwardRef(IconWorkflowDebugComponent);
export default IconWorkflowDebug;
