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

function IconUploadingMdComponent(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-md${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' : '#6C7587'} fillRule="evenodd" d="M8 2a4 4 0 0 0-4 4v20a4 4 0 0 0 4 4h16a4 4 0 0 0 4-4V12L18 2H8Z" clipRule="evenodd"/><path fill={useCurrentColor ? 'currentColor' : '#fff'} d="M12 24.686v-9.212c0-.284-.215-.514-.48-.514h-1.44c-.265 0-.48.23-.48.514v9.212c0 .284.215.514.48.514h1.44c.265 0 .48-.23.48-.514Zm10.4 0v-9.212c0-.284-.215-.514-.48-.514h-1.44c-.265 0-.48.23-.48.514v9.212c0 .284.215.514.48.514h1.44c.265 0 .48-.23.48-.514Z"/><path fill={useCurrentColor ? 'currentColor' : '#fff'} fillRule="evenodd" d="M11.293 14.96a.32.32 0 0 0-.292.45l3.987 8.926a.32.32 0 0 0 .306.224h1.413a.32.32 0 0 0 .305-.224l3.987-8.925a.32.32 0 0 0-.292-.451h-1.411a.32.32 0 0 0-.293.19L16 21.872l-3.003-6.724a.32.32 0 0 0-.292-.189h-1.412Z" clipRule="evenodd" opacity=".8"/><path fill={useCurrentColor ? 'currentColor' : '#B5BAC3'} d="m18 2 10 10h-6a4 4 0 0 1-4-4V2Z"/></svg>;
}

const IconUploadingMd = React.forwardRef(IconUploadingMdComponent);
export default IconUploadingMd;
