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

function IconUploadingXlsxComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
    const { prefix: prefixFromContext } = useContext(Context);
    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = false, spin, ...rest } = props;

    const prefix = prefixFromProps || prefixFromContext || 'hiagent';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-uploading-xlsx${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : 'none'} viewBox="0 0 32 32" {...rest} ref={ref}><path fill={useCurrentColor ? 'currentColor' : '#2CBF7D'} stroke="#2CBF7D" d="M8 2.5h9.793l9.707 9.707V26a3.5 3.5 0 0 1-3.5 3.5H8A3.5 3.5 0 0 1 4.5 26V6A3.5 3.5 0 0 1 8 2.5Z"/><path fill={useCurrentColor ? 'currentColor' : '#fff'} fillRule="evenodd" d="M13.23 14.32h-2.22a.45.45 0 0 0-.354.726l7.761 9.98a.45.45 0 0 0 .355.174h2.219a.45.45 0 0 0 .355-.726l-7.761-9.98a.45.45 0 0 0-.356-.174Z" clipRule="evenodd" opacity=".8"/><path fill={useCurrentColor ? 'currentColor' : '#fff'} fillRule="evenodd" d="M18.772 14.32h2.219a.45.45 0 0 1 .355.726l-7.761 9.98a.45.45 0 0 1-.356.174h-2.218a.45.45 0 0 1-.355-.726l7.761-9.98a.45.45 0 0 1 .355-.174Z" clipRule="evenodd"/><path fill={useCurrentColor ? 'currentColor' : '#95DFBE'} d="m18 2 10 10h-6a4 4 0 0 1-4-4V2Z"/></svg>;
}

const IconUploadingXlsx = React.forwardRef(IconUploadingXlsxComponent);
export default IconUploadingXlsx;
