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

function IconDebugComponent(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-debug${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 216 216" {...rest} ref={ref}><path d="M213.511 122.444c0 2.223-1.111 3.889-2.778 5.556-1.666 1.667-3.889 2.222-6.111 2.222h-29.444c0 14.445-2.778 26.667-8.889 37.222l27.222 26.667c1.667 1.667 2.778 3.333 2.778 5.556 0 2.222-1.111 3.889-2.778 5.555-1.667 1.667-3.333 2.222-6.111 2.222-2.222 0-4.445-.555-6.111-2.222l-25-25c-.556.556-1.111 1.111-2.222 1.667-1.112.555-2.778 1.667-5.556 3.889-2.778 1.666-5.556 3.333-8.333 4.444-2.778 1.111-6.667 2.778-10.556 3.889-4.444 1.111-8.333 1.667-12.778 1.667V81.333h-16.666v114.445c-4.445 0-8.89-.556-13.334-1.667-4.444-1.111-8.333-2.778-11.666-4.444-3.334-1.667-6.111-3.334-8.89-5-2.777-1.667-4.444-2.778-5.555-3.889l-2.777-1.667-23.89 26.667C32.4 206.889 30.179 208 27.957 208c-2.223 0-3.89-.556-5.556-2.222-1.667-1.667-2.778-3.334-2.778-5.556s.556-4.444 2.222-6.111l26.667-28.889c-5-9.444-7.778-21.111-7.778-35h-30c-2.222 0-4.444-.555-6.11-2.222-1.112-1.667-2.223-3.333-2.223-5.556 0-2.222 1.111-3.888 2.778-5.555 1.666-1.667 3.889-2.222 6.11-2.222h29.445V76.889L17.956 54.667c-1.667-1.667-2.778-3.334-2.778-5.556s1.11-3.889 2.777-5.555c1.112-2.223 3.334-2.778 5.556-2.778s4.445.555 6.111 2.222L52.4 65.222h111.11L186.289 43c1.666-1.667 3.889-2.222 6.111-2.222s4.444.555 6.111 2.222c1.667 1.667 2.778 3.333 2.778 5.556 0 2.222-1.111 3.888-2.778 5.555l-22.778 22.222v37.778h29.445c2.222 0 4.444.556 6.111 2.222 1.111 1.667 2.222 3.889 2.222 6.111Zm-63.333-73.888H65.733c0-11.112 3.89-21.112 12.222-28.89C86.29 11.89 96.29 8 107.956 8c11.667 0 21.667 3.889 30 11.667 8.334 8.333 12.223 17.777 12.223 28.889Z"/></svg>;
}

const IconDebug = React.forwardRef(IconDebugComponent);
export default IconDebug;
