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

function IconWorkflowNodeInputComponent(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-workflow_node_input${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}><path d="M11.47 9.234c.382 0 .693.31.694.694v1.62h1.62a.695.695 0 0 1 0 1.387h-1.62v1.62a.695.695 0 0 1-1.388 0v-1.62h-1.62a.694.694 0 1 1 0-1.387h1.62v-1.62c0-.383.31-.693.693-.694ZM12.24.75a2.237 2.237 0 0 1 .687 4.364v.816a2.546 2.546 0 0 1-2.546 2.545h-4.59c-.64 0-1.158.518-1.158 1.157v.55a2.239 2.239 0 0 1-.877 4.296 2.237 2.237 0 0 1-.693-4.363V5.112a2.237 2.237 0 1 1 1.388 0v2.359a2.53 2.53 0 0 1 1.34-.384h4.59c.64 0 1.158-.518 1.158-1.157v-.82A2.237 2.237 0 0 1 12.24.75ZM3.757 11.394a.848.848 0 1 0 .002 1.696.848.848 0 0 0-.002-1.696Zm0-9.255a.848.848 0 1 0 0 1.695.848.848 0 0 0 0-1.695Zm8.485 0a.848.848 0 1 0 0 1.696.848.848 0 0 0 0-1.696Z"/></svg>;
}

const IconWorkflowNodeInput = React.forwardRef(IconWorkflowNodeInputComponent);
export default IconWorkflowNodeInput;
