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

function IconUploadDefautComponent(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-upload_defaut${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : 'none'} viewBox="0 0 74 74" {...rest} ref={ref}><g fillRule="evenodd" clipRule="evenodd"><path fill={useCurrentColor ? 'currentColor' : '#A8B2BD'} d="M55 37.0989C55.6484 35.1846 56 33.1333 56 31C56 20.5066 47.4934 12 37 12C26.5066 12 18 20.5066 18 31L18.0001 31.0716C10.1435 31.826 4 38.4456 4 46.5C4 54.8931 10.671 61.7281 19 61.9921V62H19.5H55V37.0989Z"/><path fill={useCurrentColor ? 'currentColor' : '#fff'} d="M18 31C18 20.5066 26.5066 12 37 12C47.4934 12 56 20.5066 56 31C56 33.1333 55.6484 35.1846 55 37.0989V62H19V61.9921C10.671 61.7281 4 54.8931 4 46.5C4 38.4456 10.1435 31.826 18.0001 31.0716L18 31ZM17.0163 30.1858C9.08151 31.3842 3 38.2313 3 46.5C3 55.1071 9.58996 62.1746 18 62.9327V63H56V37.2615C56.6492 35.2906 57 33.1853 57 31C57 19.9543 48.0457 11 37 11C26.227 11 17.4434 19.5176 17.0163 30.1858Z"/><path fill={useCurrentColor ? 'currentColor' : '#B7C0C9'} d="M54.5 62C63.0604 62 70 55.0604 70 46.5C70 37.9396 63.0604 31 54.5 31C46.1069 31 39.2719 37.671 39.0079 46H39V46.5V62H54V61.9921C54.166 61.9973 54.3327 62 54.5 62Z"/><path fill={useCurrentColor ? 'currentColor' : '#fff'} d="M39.0079 46C39.2719 37.671 46.1069 31 54.5 31C63.0604 31 70 37.9396 70 46.5C70 54.8931 63.329 61.7281 55 61.9921C54.834 61.9973 54.6673 62 54.5 62C54.3327 62 54.166 61.9973 54 61.9921V62H39V46H39.0079ZM38.0673 45H38V63H55V62.9926C63.8814 62.7282 71 55.4454 71 46.5C71 37.3873 63.6127 30 54.5 30C45.8929 30 38.8254 36.59 38.0673 45Z"/><path fill={useCurrentColor ? 'currentColor' : '#fff'} d="M39.833 36.0373C38.1325 34.4494 35.4658 34.4801 33.802 36.1288L24.4049 45.4408L24.2959 45.5536L24.2933 45.5563C23.5262 46.3747 23.1087 47.4601 23.1297 48.5816C23.1506 49.7031 23.6084 50.7721 24.4055 51.5613L24.4072 51.563L24.5179 51.6705L24.5215 51.6739C26.2229 53.2617 28.8891 53.231 30.5529 51.5823L32.4732 49.679L32.4732 61.9925L32.479 62.3553H41.0836L41.1946 49.6173L43.1775 51.5823L43.2705 51.6716L43.2729 51.6739C44.9738 53.2617 47.6405 53.231 49.3039 51.5823L49.3061 51.58L49.4146 51.4698L49.4176 51.4667C50.1902 50.6535 50.6149 49.5709 50.6015 48.4493C50.588 47.3277 50.1373 46.2556 49.3454 45.4612L39.9578 36.1573L39.7829 36.3337L39.9551 36.1547L39.8356 36.0397L39.833 36.0373Z"/></g></svg>;
}

const IconUploadDefaut = React.forwardRef(IconUploadDefautComponent);
export default IconUploadDefaut;
