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

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

    const prefix = prefixFromProps || prefixFromContext || 'hiagent';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-tree_plugin_invocation${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 24 24" fill={useCurrentColor ? 'currentColor' : 'none'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><g clipPath="url(#svg_c2f7520c22__clip0_37122_1120123)"><path fill={useCurrentColor ? 'currentColor' : '#6A8CE9'} d="M0 0H24V24H0z"/><path d="M11.6379 4C11.9652 4.00003 12.2877 4.07861 12.5784 4.22914C12.8691 4.37968 13.1194 4.59777 13.3083 4.86509C13.4972 5.13243 13.6191 5.44118 13.6641 5.76544C13.7089 6.08969 13.6752 6.41997 13.5659 6.72853H16.4099C17.1637 6.72853 17.7736 7.33839 17.7736 8.0912V10.9351C18.0822 10.826 18.4124 10.7926 18.7365 10.8375C19.0606 10.8825 19.3693 11.0046 19.6365 11.1935C19.9037 11.3824 20.1216 11.6327 20.2721 11.9234C20.4225 12.214 20.5011 12.5365 20.5011 12.8638C20.5011 13.191 20.4225 13.5134 20.2721 13.8041C20.1216 14.0947 19.9037 14.3451 19.6365 14.534C19.3693 14.7229 19.0606 14.845 18.7365 14.8899C18.4124 14.9349 18.0822 14.9014 17.7736 14.7923V17.6362C17.7736 18.3891 17.1637 19 16.4099 19H13.567C13.6758 18.6915 13.7091 18.3614 13.6639 18.0374C13.6188 17.7134 13.4966 17.405 13.3076 17.138C13.1187 16.8709 12.8684 16.6531 12.5779 16.5028C12.2873 16.3525 11.965 16.274 11.6379 16.274C11.3107 16.274 10.9884 16.3525 10.6978 16.5028C10.4073 16.6531 10.157 16.8709 9.96808 17.138C9.77912 17.405 9.65694 17.7134 9.61182 18.0374C9.56668 18.3614 9.59992 18.6915 9.70873 19H6.86373C6.50204 19 6.15517 18.8564 5.89943 18.6006C5.64368 18.3449 5.5 17.9979 5.5 17.6362V14.7923C5.80854 14.9014 6.13875 14.9349 6.4629 14.8899C6.78706 14.845 7.0957 14.7229 7.3629 14.534C7.63011 14.3451 7.84808 14.0947 7.99853 13.8041C8.14897 13.5134 8.22748 13.191 8.22748 12.8638C8.22748 12.5365 8.14897 12.214 7.99853 11.9234C7.84808 11.6327 7.63011 11.3824 7.3629 11.1935C7.0957 11.0046 6.78706 10.8825 6.4629 10.8375C6.13875 10.7926 5.80854 10.826 5.5 10.9351V8.0912C5.5 7.33839 6.11092 6.72747 6.86373 6.72747H9.70767C9.59871 6.41878 9.56544 6.08844 9.61064 5.76423C9.65584 5.44001 9.77818 5.13137 9.96741 4.86425C10.1566 4.59712 10.4072 4.37931 10.698 4.2291C10.9889 4.0789 11.3116 4.0007 11.6389 4.00106L11.6379 4Z" fill={useCurrentColor ? 'currentColor' : '#fff'}/></g><defs><clipPath id="svg_c2f7520c22__clip0_37122_1120123"><rect width="24" height="24" rx="6" fill={useCurrentColor ? 'currentColor' : '#fff'}/></clipPath></defs></svg>;
}

const IconTreePluginInvocation = React.forwardRef(IconTreePluginInvocationComponent);
export default IconTreePluginInvocation;
