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

function IconUploadingOfdComponent(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-ofd${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' : '#FB0'} 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="M22.044 18.831a1.059 1.059 0 0 1 .744.299 1.038 1.038 0 0 1 .312.738 1.032 1.032 0 0 1-.654.962 1.054 1.054 0 0 1-.402.074l-3.389.001a1.053 1.053 0 0 1-.73-.307 1.033 1.033 0 0 1 0-1.46c.193-.194.456-.304.73-.307h3.39Zm.326 1.814a.882.882 0 0 1-.083.028l.005-.001.078-.027Zm.464-.454a.831.831 0 0 1-.048.094c.004-.006.01-.013.013-.02l.035-.075Zm.066-.323-.001.026v-.026Zm-.066-.322c.01.025.021.05.03.077l-.03-.077Zm-.464-.454a.863.863 0 0 1 .091.044l-.013-.009-.078-.035Z" opacity=".7"/><path fill={useCurrentColor ? 'currentColor' : '#fff'} d="M19.506 12.3c.275.003.538.114.732.307a1.032 1.032 0 0 1 0 1.46 1.051 1.051 0 0 1-.732.307h-.002c-.62 0-1.216.245-1.655.679a2.299 2.299 0 0 0-.684 1.633v6.029c0 .937-.305 1.85-.867 2.603a4.433 4.433 0 0 1-2.256 1.586 4.478 4.478 0 0 1-2.767-.047 4.43 4.43 0 0 1-2.2-1.665 4.354 4.354 0 0 1 .183-5.203 4.438 4.438 0 0 1 2.31-1.509 4.479 4.479 0 0 1 2.764.143 1.044 1.044 0 0 1 .671.943 1.03 1.03 0 0 1-.29.743 1.048 1.048 0 0 1-1.135.249 2.366 2.366 0 0 0-1.444-.08 2.345 2.345 0 0 0-1.215.774 2.298 2.298 0 0 0-.156 2.71c.267.41.658.728 1.118.905.46.178.966.207 1.444.083a2.344 2.344 0 0 0 1.216-.771c.312-.376.495-.838.526-1.322l.005-.142v-6.197c0-.04.003-.08.009-.12l.018-.208a4.371 4.371 0 0 1 1.376-2.707 4.46 4.46 0 0 1 3.03-1.183h.001Zm-5.008 12.217c.069-.067.136-.136.198-.21l-.134.148c-.02.021-.043.041-.064.062Zm-5.966-1.29a4.142 4.142 0 0 1-.03-.659l.001.334c.005.11.015.218.029.326Zm2.006-1.778c-.016.026-.029.054-.043.08a1.96 1.96 0 0 1 .056-.1l-.013.02Zm6.073-7.82-.144.14a4.164 4.164 0 0 0 .144-.14Z"/><path fill={useCurrentColor ? 'currentColor' : '#FFDD80'} d="m18 2 10 10h-6a4 4 0 0 1-4-4V2Z"/></svg>;
}

const IconUploadingOfd = React.forwardRef(IconUploadingOfdComponent);
export default IconUploadingOfd;
