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

function IconGraphTripletComponent(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-graph-triplet${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="M7.618 2.612a.68.68 0 1 0 0 1.36.68.68 0 0 0 0-1.36Zm-1.792.68a1.792 1.792 0 1 1 .612 1.349L5.076 6.003a.554.554 0 0 1-.213.133c.056.103.103.212.14.327a.557.557 0 0 1 .143-.02h3.708c.05 0 .098.007.144.02a1.793 1.793 0 1 1 0 1.074.557.557 0 0 1-.144.02H5.146a.557.557 0 0 1-.144-.02c-.052.165-.127.32-.22.46a.56.56 0 0 1 .294.155l1.282 1.282a1.792 1.792 0 1 1-.512 1.01.554.554 0 0 1-.166-.115l-1.39-1.39a.554.554 0 0 1-.162-.353 1.792 1.792 0 1 1 .028-3.156.554.554 0 0 1 .133-.213l1.39-1.39a.554.554 0 0 1 .194-.127 1.798 1.798 0 0 1-.047-.408ZM2.612 7a.68.68 0 1 1 1.36 0 .68.68 0 0 1-1.36 0Zm8.096-.68a.68.68 0 1 0 0 1.36.68.68 0 0 0 0-1.36Zm-3.77 4.388a.68.68 0 1 1 1.36 0 .68.68 0 0 1-1.36 0Z" clipRule="evenodd"/></svg>;
}

const IconGraphTriplet = React.forwardRef(IconGraphTripletComponent);
export default IconGraphTriplet;
