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

function IconUploadingLarkdocxComponent(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-larkdocx${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' : '#1971FD'} fillRule="evenodd" d="M22 2a6 6 0 0 1 6 6v21a1 1 0 0 1-1 1H10a6 6 0 0 1-6-6V3a1 1 0 0 1 1-1h17Z" clipRule="evenodd"/><path fill={useCurrentColor ? 'currentColor' : '#fff'} d="M21.943 15H10.057c-.308 0-.557.18-.557.4v1.2c0 .22.25.4.557.4h11.886c.308 0 .557-.18.557-.4v-1.2c0-.22-.25-.4-.557-.4Zm0-5H10.057c-.308 0-.557.18-.557.4v1.2c0 .22.25.4.557.4h11.886c.308 0 .557-.18.557-.4v-1.2c0-.22-.25-.4-.557-.4Z" opacity=".9"/><path fill={useCurrentColor ? 'currentColor' : '#fff'} d="M16.08 20H9.92a.41.41 0 0 0-.42.4v1.2c0 .22.188.4.42.4h6.16a.41.41 0 0 0 .42-.4v-1.2a.41.41 0 0 0-.42-.4Z" opacity=".6"/></svg>;
}

const IconUploadingLarkdocx = React.forwardRef(IconUploadingLarkdocxComponent);
export default IconUploadingLarkdocx;
