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

function IconNode400Component(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-node-400${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}><g fillRule="evenodd" clipRule="evenodd"><path d="M4.33324 2.93334C3.92821 2.93334 3.5999 3.26166 3.5999 3.66663 3.5999 4.0716 3.92821 4.39993 4.33324 4.39993 4.73826 4.39993 5.06657 4.0716 5.06657 3.66663 5.06657 3.26166 4.73826 2.93334 4.33324 2.93334zM2.3999 3.66663C2.3999 2.59889 3.2655 1.73334 4.33324 1.73334 5.40097 1.73334 6.26657 2.59889 6.26657 3.66663 6.26657 4.73438 5.40097 5.59993 4.33324 5.59993 3.2655 5.59993 2.3999 4.73438 2.3999 3.66663zM11.6665 2.93334C11.2615 2.93334 10.9332 3.26166 10.9332 3.66663 10.9332 4.0716 11.2615 4.39993 11.6665 4.39993 12.0715 4.39993 12.3998 4.0716 12.3998 3.66663 12.3998 3.26166 12.0715 2.93334 11.6665 2.93334zM9.73315 3.66663C9.73315 2.59889 10.5988 1.73334 11.6665 1.73334 12.7342 1.73334 13.5998 2.59889 13.5998 3.66663 13.5998 4.73438 12.7342 5.59993 11.6665 5.59993 10.5988 5.59993 9.73315 4.73438 9.73315 3.66663zM4.33324 10.9333C3.92821 10.9333 3.5999 11.2617 3.5999 11.6666 3.5999 12.0716 3.92821 12.3999 4.33324 12.3999 4.73826 12.3999 5.06657 12.0716 5.06657 11.6666 5.06657 11.2617 4.73826 10.9333 4.33324 10.9333zM2.3999 11.6666C2.3999 10.5989 3.2655 9.73334 4.33324 9.73334 5.40097 9.73334 6.26657 10.5989 6.26657 11.6666 6.26657 12.7344 5.40097 13.5999 4.33324 13.5999 3.2655 13.5999 2.3999 12.7344 2.3999 11.6666z"/><path d="M4.33315 4.5293C4.66453 4.5293 4.93315 4.79793 4.93315 5.1293V10.1379C4.93315 10.4693 4.66453 10.7379 4.33315 10.7379C4.00178 10.7379 3.73315 10.4693 3.73315 10.1379V5.1293C3.73315 4.79793 4.00178 4.5293 4.33315 4.5293Z"/><path d="M11.6598 4.6008C11.9911 4.6008 12.2598 4.86943 12.2598 5.2008V6.2103C12.2598 7.42533 11.2748 8.4103 10.0598 8.4103H6.09111C5.53883 8.4103 5.09111 8.85801 5.09111 9.4103V10.1588C5.09111 10.4901 4.82248 10.7588 4.49111 10.7588 4.15974 10.7588 3.89111 10.4901 3.89111 10.1588V9.4103C3.89111 8.19527 4.87609 7.2103 6.09111 7.2103H10.0598C10.612 7.2103 11.0598 6.76258 11.0598 6.2103V5.2008C11.0598 4.86943 11.3284 4.6008 11.6598 4.6008zM8.3999 11.6667C8.3999 11.3353 8.66853 11.0667 8.9999 11.0667H12.9999C13.3313 11.0667 13.5999 11.3353 13.5999 11.6667 13.5999 11.9981 13.3313 12.2667 12.9999 12.2667H8.9999C8.66853 12.2667 8.3999 11.9981 8.3999 11.6667z"/><path d="M10.9999 14.2667C10.6685 14.2667 10.3999 13.998 10.3999 13.6667V9.66666C10.3999 9.33529 10.6685 9.06666 10.9999 9.06666C11.3313 9.06666 11.5999 9.33529 11.5999 9.66666V13.6667C11.5999 13.998 11.3313 14.2667 10.9999 14.2667Z"/></g></svg>;
}

const IconNode400 = React.forwardRef(IconNode400Component);
export default IconNode400;
