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

function IconDiffReportComponent(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-diff_report${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 16 16" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M8.31461 1.70736C8.31461 1.3164 7.99764 0.999466 7.60672 0.999466C7.21573 0.999466 6.89883 1.3164 6.89883 1.70736V1.78601H3.67414C2.41439 1.78601 1.39316 2.80724 1.39316 4.067V11.6178C1.39316 12.8776 2.41439 13.8988 3.67414 13.8988H6.89883V14.2921C6.89883 14.6831 7.21573 15 7.60672 15C7.99764 15 8.31461 14.6831 8.31461 14.2921V1.70736ZM3.67414 3.2018C3.1963 3.2018 2.80894 3.58916 2.80894 4.067V11.6178C2.80894 12.0957 3.1963 12.483 3.67414 12.483H6.74168V3.2018H3.67414ZM12.326 12.7983C12.8038 12.7983 13.1912 12.4109 13.1912 11.9331V4.06761C13.1912 3.58978 12.8038 3.20241 12.326 3.20241H9.96636C9.57537 3.20241 9.25847 2.88548 9.25847 2.49452C9.25847 2.10356 9.57537 1.78663 9.96636 1.78663H12.326C13.5857 1.78663 14.607 2.80786 14.607 4.06761V11.9331C14.607 13.1928 13.5857 14.2141 12.326 14.2141H9.96636C9.57537 14.2141 9.25847 13.8971 9.25847 13.5062C9.25847 13.1152 9.57537 12.7983 9.96636 12.7983H12.326Z"/></svg>;
}

const IconDiffReport = React.forwardRef(IconDiffReportComponent);
export default IconDiffReport;
