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

function IconTreeAgentInvocationComponent(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_agent_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_68309c7398__clip0_37122_1120232)"><path fill={useCurrentColor ? 'currentColor' : '#5591F0'} d="M0 0H24V24H0z"/><path d="M12 4C12.2441 4 12.4455 4.19097 12.4763 4.43625C12.553 5.04661 12.6949 5.63665 12.8949 6.19825L13.1742 6.88389C13.9896 8.65595 15.404 10.0883 17.1535 10.9141L17.8303 11.1975L18.0511 11.2743C18.5702 11.447 19.1122 11.5688 19.6711 11.6337C19.8561 11.6552 20 11.8113 20 12L19.9932 12.0693C19.963 12.2257 19.8329 12.3475 19.6711 12.3663L19.5848 12.3771C18.9768 12.4544 18.3894 12.5983 17.8303 12.8025L17.1535 13.0859C15.404 13.9117 13.9896 15.3441 13.1742 17.1162L12.8949 17.8018C12.6949 18.3634 12.553 18.9534 12.4763 19.5638L12.4573 19.6528C12.3948 19.8538 12.2137 20 12 20L11.911 19.9912C11.7372 19.9571 11.5963 19.8251 11.5427 19.6528L11.5237 19.5638C11.447 18.9534 11.3051 18.3634 11.1051 17.8018L10.8258 17.1162C10.0104 15.3441 8.59597 13.9117 6.84652 13.0859L6.16972 12.8025C5.65737 12.6154 5.1213 12.4786 4.5674 12.3975L4.32889 12.3663C4.14384 12.3448 4 12.1887 4 12C4 11.8113 4.14384 11.6552 4.32889 11.6337C4.88789 11.5688 5.4298 11.447 5.94887 11.2743L6.16972 11.1975L6.84652 10.9141C8.59597 10.0883 10.0104 8.65595 10.8258 6.88389L11.1051 6.19825C11.3051 5.63665 11.447 5.04661 11.5237 4.43625C11.5545 4.19097 11.7559 4 12 4Z" fill={useCurrentColor ? 'currentColor' : '#fff'}/></g><defs><clipPath id="svg_68309c7398__clip0_37122_1120232"><rect width="24" height="24" rx="6" fill={useCurrentColor ? 'currentColor' : '#fff'}/></clipPath></defs></svg>;
}

const IconTreeAgentInvocation = React.forwardRef(IconTreeAgentInvocationComponent);
export default IconTreeAgentInvocation;
