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

function IconAgentUseComponent(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-agent_use${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 14 14" {...rest} ref={ref}><path fillRule="evenodd" d="M4.17643 4.08332C4.17643 2.84621 5.17931 1.84332 6.41643 1.84332C7.65355 1.84332 8.65643 2.84621 8.65643 4.08332C8.65643 5.32044 7.65355 6.32332 6.41643 6.32332C5.17931 6.32332 4.17643 5.32044 4.17643 4.08332ZM6.41643 2.82332C5.72055 2.82332 5.15643 3.38744 5.15643 4.08332C5.15643 4.7792 5.72055 5.34332 6.41643 5.34332C7.11231 5.34332 7.67643 4.7792 7.67643 4.08332C7.67643 3.38744 7.11231 2.82332 6.41643 2.82332ZM9.13992 2.34317C9.27355 2.10784 9.57264 2.02539 9.80797 2.15901C10.4705 2.53519 10.931 3.23148 10.931 4.04345C10.931 4.85541 10.4705 5.5517 9.80797 5.92788C9.57264 6.06151 9.27355 5.97906 9.13992 5.74373C9.0063 5.5084 9.08875 5.2093 9.32407 5.07568C9.71022 4.85642 9.95102 4.46926 9.95102 4.04345C9.95102 3.61763 9.71022 3.23047 9.32407 3.01121C9.08875 2.87759 9.0063 2.57849 9.13992 2.34317ZM10.9692 7.05651C11.1211 6.83254 11.4258 6.7741 11.6498 6.92599C12.0484 7.1963 12.3498 7.61066 12.5327 8.08842C12.6458 8.38375 12.6939 8.70383 12.717 9.08074C12.7398 9.45145 12.7398 9.91185 12.7398 10.4952V11.4149C12.7398 11.6855 12.5204 11.9049 12.2498 11.9049C11.9791 11.9049 11.7598 11.6855 11.7598 11.4149V10.5116C11.7598 9.90827 11.7595 9.47793 11.7389 9.14079C11.7183 8.80639 11.6791 8.59971 11.6175 8.43879V8.43879C11.4931 8.11392 11.3042 7.87574 11.0997 7.73708C10.8758 7.58519 10.8173 7.28049 10.9692 7.05651ZM1.25977 10.5C1.25977 8.61854 2.78498 7.09332 4.66643 7.09332H7.5831C9.46455 7.09332 10.9898 8.61854 10.9898 10.5V11.0833C10.9898 11.6761 10.5092 12.1567 9.91643 12.1567H2.3331C1.74031 12.1567 1.25977 11.6761 1.25977 11.0833V10.5ZM4.66643 8.07332C3.32622 8.07332 2.23977 9.15978 2.23977 10.5V11.0833C2.23977 11.1349 2.28155 11.1767 2.3331 11.1767H9.91643C9.96798 11.1767 10.0098 11.1349 10.0098 11.0833V10.5C10.0098 9.15978 8.92331 8.07332 7.5831 8.07332H4.66643Z" clipRule="evenodd"/></svg>;
}

const IconAgentUse = React.forwardRef(IconAgentUseComponent);
export default IconAgentUse;
