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

function IconEarthGlobalComponent(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-Earth_Global${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 20 20" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><g opacity=".5"><path d="M10.3375 2.00699C10.14 2.96887 9.68729 4.37396 8.93282 4.77504 8.48211 5.01464 8.20648 5.09691 7.99734 5.15934 7.79106 5.22091 7.64946 5.26317 7.46834 5.41804 7.59942 6.02042 7.80087 6.24834 8.00365 6.47776 8.10885 6.59678 8.21441 6.71621 8.31069 6.88855 8.71797 7.61757 8.83465 8.48118 8.47904 9.19003 8.02476 10.0956 7.2331 10.2024 6.28739 9.77728 5.92823 9.61582 5.584 9.24547 5.28629 8.92518 5.0162 8.63461 4.78441 8.38524 4.61453 8.37042 4.50754 8.3611 4.32566 8.41736 4.10443 8.4858 3.58715 8.64583 2.85475 8.87241 2.36162 8.4826 2.29208 8.42763 2.23085 8.37306 2.17694 8.31913 2.94911 4.70791 6.15835 2 10.0001 2 10.1131 2 10.2256 2.00235 10.3375 2.00699zM16.9601 13.9472C16.7868 13.6608 16.4908 13.2874 16.0807 13.0448 15.612 12.7675 15.1559 12.7954 14.7691 12.8192 14.564 12.8318 14.3784 12.8431 14.2206 12.8073 14.041 12.7664 13.9325 12.6101 13.7935 12.4096 13.5798 12.1017 13.2938 11.6895 12.5664 11.4317 11.3656 11.0061 9.29335 11.4825 9.06154 13.2979 8.87982 14.7209 9.62491 15.4353 10.3039 16.0863 10.4911 16.2658 10.6733 16.4405 10.8297 16.6239 11.3104 17.1877 11.2418 17.6675 11.101 17.9249 13.6153 17.5788 15.7568 16.0644 16.9601 13.9472z"/></g><path d="M16.9601 13.9471C17.622 12.7825 18 11.4354 18 10C18 5.6948 14.5993 2.18389 10.3376 2.00699C10.14 2.96887 9.6873 4.37396 8.93284 4.77504C8.48212 5.01464 8.20649 5.09691 7.99735 5.15934C7.79107 5.22091 7.64947 5.26317 7.46835 5.41804C7.59944 6.02042 7.80088 6.24834 8.00366 6.47776C8.10886 6.59678 8.21442 6.71621 8.3107 6.88855C8.71798 7.61757 8.83466 8.48118 8.47905 9.19003C8.02477 10.0956 7.23312 10.2024 6.2874 9.77728C5.92825 9.61582 5.58401 9.24547 5.28631 8.92518C5.01622 8.63461 4.78443 8.38524 4.61454 8.37042C4.50755 8.3611 4.32567 8.41736 4.10445 8.4858C3.58717 8.64583 2.85476 8.87241 2.36163 8.4826C2.29209 8.42763 2.23086 8.37306 2.17695 8.31913C2.94912 4.70791 6.15836 2 10.0001 2C5.58179 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18C10.3736 18 10.7411 17.9744 11.1011 17.9249C11.2418 17.6675 11.3104 17.1877 10.8297 16.6239C10.6733 16.4405 10.4911 16.2658 10.3039 16.0863C9.62492 15.4353 8.87984 14.7209 9.06155 13.2979C9.29336 11.4825 11.3656 11.0061 12.5664 11.4317C13.2938 11.6895 13.5798 12.1017 13.7935 12.4096C13.9326 12.6101 14.041 12.7664 14.2207 12.8073C14.3785 12.8431 14.5641 12.8318 14.7691 12.8192C15.156 12.7954 15.612 12.7675 16.0807 13.0448C16.4907 13.2874 16.7868 13.6607 16.9601 13.9471Z"/></svg>;
}

const IconEarthGlobal = React.forwardRef(IconEarthGlobalComponent);
export default IconEarthGlobal;
