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

function IconSessionFlowComponent(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-session_flow${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 fillRule="evenodd" d="M7.01416 3.61842C6.93154 3.53579 6.93154 3.40183 7.01416 3.31921L9.28657 1.04679C9.38654 0.946831 9.55746 1.01763 9.55746 1.159V2.36142C11.4315 2.74903 12.8401 4.40892 12.8401 6.39781V12.0886C13.1679 12.3514 13.3778 12.7551 13.3778 13.2079C13.3778 13.9997 12.7359 14.6416 11.9441 14.6416C11.1523 14.6416 10.5104 13.9997 10.5104 13.2079C10.5104 12.7551 10.7203 12.3514 11.048 12.0886L11.048 6.39781C11.048 5.40697 10.4295 4.5606 9.55746 4.22377V5.77862C9.55746 5.91999 9.38654 5.99079 9.28657 5.89083L7.01416 3.61842ZM4.95474 12.447C5.28252 12.7098 5.4924 13.1135 5.4924 13.5663C5.4924 14.3581 4.85051 15 4.0587 15C3.26689 15 2.625 14.3581 2.625 13.5663C2.625 13.1136 2.83486 12.7098 3.16262 12.4471L3.16262 3.93279C2.83486 3.67005 2.625 3.26631 2.625 2.81356C2.625 2.02175 3.26689 1.37986 4.0587 1.37986C4.85051 1.37986 5.4924 2.02175 5.4924 2.81356C5.4924 3.26633 5.28252 3.67008 4.95474 3.93283L4.95474 12.447Z" clipRule="evenodd"/></svg>;
}

const IconSessionFlow = React.forwardRef(IconSessionFlowComponent);
export default IconSessionFlow;
