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

function IconPromptReasoningThinkingComponent(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-prompt_reasoning-thinking${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 16 16" {...rest} ref={ref}><path d="M14.327 12.4a.6.6 0 1 1 0 1.199H8.671a.6.6 0 1 1 0-1.2h5.656ZM5.652 2.53a.6.6 0 0 1 .38 1.14c-.307.102-.513.328-.672.725-.168.42-.248.941-.34 1.536-.074.482-.159 1.045-.346 1.519h1.168a.6.6 0 0 1 0 1.2H4.674c.187.473.272 1.035.347 1.517.091.595.171 1.117.34 1.537.158.397.364.624.67.726a.6.6 0 0 1-.379 1.138c-.753-.252-1.167-.821-1.406-1.418-.23-.574-.326-1.246-.411-1.8-.092-.6-.171-1.054-.322-1.364a.653.653 0 0 0-.199-.261.426.426 0 0 0-.194-.07l-.106-.005H1.6a.6.6 0 0 1-.121-1.189l.12-.011h1.415a.5.5 0 0 0 .3-.077.652.652 0 0 0 .199-.26c.15-.31.23-.764.322-1.365.085-.553.182-1.225.411-1.8.239-.596.653-1.166 1.406-1.417Zm8.675 4.92a.6.6 0 1 1 0 1.2H8.671a.6.6 0 0 1 0-1.2h5.656Zm0-4.95a.6.6 0 0 1 0 1.2H8.671a.6.6 0 1 1 0-1.2h5.656Z"/></svg>;
}

const IconPromptReasoningThinking = React.forwardRef(IconPromptReasoningThinkingComponent);
export default IconPromptReasoningThinking;
