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

function IconCompletedComparisonComponent(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-completed-comparison${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="M8.077 2.004a.784.784 0 0 1 0 1.558l-.08.003H3.565v8.87H8l.08.003a.783.783 0 0 1 0 1.558L8 14H2.783A.784.784 0 0 1 2 13.217V2.783l.004-.08A.784.784 0 0 1 2.784 2h5.213l.08.004Zm1.978 2.834a.783.783 0 0 1 1.047-.054l.06.054 2.608 2.608.01.011.029.031.015.018c.007.008.012.018.019.027a.78.78 0 0 1 .05.077.748.748 0 0 1 .06.128c.008.022.013.044.019.066a.77.77 0 0 1 .023.16c0 .012.004.023.004.034l-.002.012a.8.8 0 0 1-.01.103c-.002.014-.002.029-.005.042a.77.77 0 0 1-.032.112l-.007.02a.774.774 0 0 1-.15.237c-.008.01-.014.021-.022.03l-2.609 2.608a.783.783 0 0 1-1.107-1.107l1.274-1.275H5.682a.783.783 0 1 1 0-1.565h5.642l-1.27-1.27-.053-.06a.784.784 0 0 1 .054-1.047Z"/></svg>;
}

const IconCompletedComparison = React.forwardRef(IconCompletedComparisonComponent);
export default IconCompletedComparison;
