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

function IconUploadingLarkbitableComponent(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-larkbitable${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : 'none'} viewBox="0 0 20 20" {...rest} ref={ref}><path fill={useCurrentColor ? 'currentColor' : '#8249F1'} fillRule="evenodd" d="M13.75 1.25A3.75 3.75 0 0 1 17.5 5v13.125c0 .345-.28.625-.625.625H6.25A3.75 3.75 0 0 1 2.5 15V1.875c0-.345.28-.625.625-.625H13.75Z" clipRule="evenodd"/><path fill={useCurrentColor ? 'currentColor' : '#fff'} d="m10 7.3 1.632-1.632a.5.5 0 0 1 .707 0l1.991 1.99a.5.5 0 0 1 0 .708L12.7 9.997l1.635 1.635a.5.5 0 0 1 0 .707l-1.995 1.995a.5.5 0 0 1-.707 0l-1.635-1.635-1.633 1.633a.5.5 0 0 1-.707 0l-1.99-1.99a.5.5 0 0 1 0-.708L7.3 10.001 5.667 8.368a.5.5 0 0 1 0-.707l1.995-1.995a.5.5 0 0 1 .707 0L10 7.3ZM7.304 10 10 12.697l2.696-2.696L10 7.305 7.303 10Z" opacity=".9"/></svg>;
}

const IconUploadingLarkbitable = React.forwardRef(IconUploadingLarkbitableComponent);
export default IconUploadingLarkbitable;
