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

function IconEvalOnlineComponent(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-eval_online${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 22 22" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M20.1138 2.31006C20.4935 2.31006 20.8013 2.61787 20.8013 2.99756V16.7537C20.8013 17.1334 20.4935 17.4412 20.1138 17.4412L13.5264 17.4412L11.437 19.5323C11.1712 19.7984 10.7416 19.801 10.4724 19.5403L10.4643 19.5323L8.37496 17.4412H1.7876C1.41171 17.4412 1.10626 17.1395 1.1001 16.7651V2.99756C1.1001 2.61787 1.4079 2.31006 1.7876 2.31006H20.1138ZM9.11807 5.97837C8.73837 5.97837 8.43057 6.28617 8.43057 6.66587V13.0854L8.43065 13.0968C8.43673 13.4712 8.74218 13.7729 9.11807 13.7729C9.49776 13.7729 9.80557 13.4651 9.80557 13.0854V6.66584L9.80548 6.6545C9.7994 6.28003 9.49396 5.97837 9.11807 5.97837ZM5.45283 7.35394C5.07314 7.35394 4.76533 7.66175 4.76533 8.04144V11.7098L4.76542 11.7211C4.7715 12.0956 5.07694 12.3973 5.45283 12.3973C5.83253 12.3973 6.14033 12.0894 6.14033 11.7098V8.04147L6.14025 8.0301C6.13417 7.65565 5.82872 7.35394 5.45283 7.35394ZM16.4485 7.35394C16.0688 7.35394 15.761 7.66175 15.761 8.04144V11.7098L15.7611 11.7211C15.7672 12.0956 16.0726 12.3973 16.4485 12.3973C16.8282 12.3973 17.136 12.0894 17.136 11.7098V8.04147L17.1359 8.0301C17.1299 7.65565 16.8244 7.35394 16.4485 7.35394ZM12.7833 8.27103C12.4036 8.27103 12.0958 8.57883 12.0958 8.95853V10.7927L12.0959 10.8041C12.102 11.1785 12.4074 11.4802 12.7833 11.4802C13.163 11.4802 13.4708 11.1724 13.4708 10.7927V8.95855L13.4707 8.94716C13.4646 8.57269 13.1592 8.27103 12.7833 8.27103Z"/></svg>;
}

const IconEvalOnline = React.forwardRef(IconEvalOnlineComponent);
export default IconEvalOnline;
