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

function IconPromptSkillInvocationComponent(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_skill-Invocation${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.083 1c.556 0 .92.475.92.95v3.142c0 .474-.364.949-.92.949H5.4v1.363l5.803.002a.6.6 0 0 1 .6.6v1.957h2.28c.556 0 .92.475.92.95v3.142c0 .474-.364.949-.92.949H1.92c-.556 0-.92-.475-.92-.95v-3.142c0-.474.364-.95.92-.95h8.682V8.606l-5.801-.001a.6.6 0 0 1-.6-.6V6.04H1.92c-.556 0-.92-.475-.92-.95V1.95c0-.475.364-.95.92-.95h12.163ZM2.199 13.804h11.605v-2.642H2.199v2.642Zm7.723-1.921a.6.6 0 0 1 0 1.199H6.08a.6.6 0 1 1 0-1.2h3.84ZM2.199 4.84h11.605V2.199H2.199v2.642Zm7.723-1.92a.6.6 0 1 1 0 1.2H6.08a.6.6 0 0 1 0-1.2h3.84Z"/></svg>;
}

const IconPromptSkillInvocation = React.forwardRef(IconPromptSkillInvocationComponent);
export default IconPromptSkillInvocation;
