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

function IconUploadingWpsComponent(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-wps${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' : '#FF617E'} 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="M24.503 14.48a1.001 1.001 0 0 0-.852-.48h-5.013c-.374 0-.717.211-.89.547l-1.706 2.923v4.547l1.099-2.277 2.105-4.082h2.797l-3.38 7.05-1.237-2.678-1.1 2.277 1.477 3.144a1 1 0 0 0 .89.549h.014c.38-.005.724-.227.89-.574l4.767-10.052c.152-.317.323-.595.14-.894Z" opacity=".9"/><path fill={useCurrentColor ? 'currentColor' : '#fff'} d="m16.042 17.47-1.1 2.27-1.522 2.969-3.38-7.05h2.798l1.82 3.791 1.099-2.27-1.421-2.633a1.003 1.003 0 0 0-.89-.547H8.431c-.346 0-.669.182-.852.48-.184.3-.013.577.139.894l4.767 10.052c.167.347.51.569.89.574h.014a1 1 0 0 0 .89-.55l1.762-3.433V17.47Z" opacity=".9"/><path fill={useCurrentColor ? 'currentColor' : '#FFB0BF'} d="m18 2 10 10h-6a4 4 0 0 1-4-4V2Z"/></svg>;
}

const IconUploadingWps = React.forwardRef(IconUploadingWpsComponent);
export default IconUploadingWps;
