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

function IconUploadingDownComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
    const { prefix: prefixFromContext } = useContext(Context);
    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;

    const prefix = prefixFromProps || prefixFromContext || 'hiagent';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-uploading-down${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 24 26" {...rest} ref={ref}><path fillRule="evenodd" d="m19.266 7.024-.93-.78h-.003a1.215 1.215 0 0 0-1.71.15l-6.544 7.796-2.953-2.542a1.215 1.215 0 0 0-1.695.107l-.814.905a1.215 1.215 0 0 0 .106 1.73l3.004 2.602-.002.003.173.145 1.655 1.434.018.015a1.215 1.215 0 0 0 1.71-.157l.917-1.102 7.218-8.595a1.216 1.216 0 0 0-.15-1.71Z" clipRule="evenodd"/></svg>;
}

const IconUploadingDown = React.forwardRef(IconUploadingDownComponent);
export default IconUploadingDown;
