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

function IconWorkflowVidMatchingComponent(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_vid_matching${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 d="M6.7.95a.65.65 0 0 1 0 1.3H2.25v9.5h9.501V7.3a.65.65 0 0 1 1.3 0v4.5c0 .69-.56 1.252-1.25 1.252H2.199c-.69 0-1.25-.561-1.25-1.251V2.199c0-.69.56-1.25 1.25-1.25H6.7Zm5.701.1a.548.548 0 0 1 .55.55V4a.55.55 0 0 1-1.1 0V2.856L7.257 7.45H8.4a.55.55 0 1 1 0 1.1H6A.55.55 0 0 1 5.45 8V5.6a.55.55 0 0 1 1.1 0v1.143l4.593-4.594H10a.55.55 0 0 1 0-1.1h2.4Z"/></svg>;
}

const IconWorkflowVidMatching = React.forwardRef(IconWorkflowVidMatchingComponent);
export default IconWorkflowVidMatching;
