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

function IconEvalOfflineComponent(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_offline${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="M14.96 18.8979C15.5068 18.8979 15.95 19.3412 15.95 19.8879C15.95 20.4347 15.5068 20.8779 14.96 20.8779H7.15003C6.60327 20.8779 6.16003 20.4347 6.16003 19.8879C6.16003 19.3412 6.60327 18.8979 7.15003 18.8979H14.96ZM19.0153 2.19995C19.9873 2.19995 20.7753 2.98793 20.7753 3.95995V14.85C20.7753 15.822 19.9873 16.61 19.0153 16.61H2.95531C1.9833 16.61 1.19533 15.822 1.19531 14.85V3.95995C1.19531 2.98793 1.98329 2.19995 2.95531 2.19995H19.0153ZM10.8654 4.80794C10.2715 4.80794 9.79003 5.28944 9.79003 5.88334V9.78888C9.79003 9.80807 9.79054 9.82719 9.79153 9.84613C9.79052 9.86548 9.79003 9.88497 9.79003 9.90457C9.79004 10.5121 10.2825 11.0046 10.89 11.0046H16.06C16.6675 11.0046 17.16 10.5121 17.16 9.90457C17.16 9.29706 16.6675 8.80457 16.06 8.80457H11.9407V5.88334C11.9407 5.28945 11.4593 4.80796 10.8654 4.80794Z"/></svg>;
}

const IconEvalOffline = React.forwardRef(IconEvalOfflineComponent);
export default IconEvalOffline;
