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

function IconMultiLanguageComponent(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-multi-language${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 22 22" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M11.0004 2.59998C15.6395 2.60022 19.3998 6.36117 19.3998 11.0004C19.3995 15.6394 15.6394 19.3995 11.0004 19.3998C6.36117 19.3998 2.60022 15.6395 2.59998 11.0004C2.59998 6.36102 6.36102 2.59998 11.0004 2.59998ZM8.72595 11.764C8.80461 13.5196 9.15233 15.1234 9.6908 16.308C9.96092 16.9022 10.2619 17.3506 10.5541 17.6224C10.7541 17.8085 10.8985 17.8734 11.0004 17.8734C11.1022 17.8732 11.246 17.8082 11.4457 17.6224C11.7379 17.3505 12.0398 16.9023 12.3099 16.308C12.8484 15.1234 13.1951 13.5195 13.2738 11.764H8.72595ZM4.16931 11.764C4.45086 14.3097 6.12262 16.4362 8.40857 17.3676L8.5365 17.4183L8.49451 17.3383C7.77231 15.955 7.28861 13.984 7.19763 11.764H4.16931ZM14.8031 11.764C14.7104 14.0271 14.2089 16.0316 13.4633 17.4183C15.8148 16.5151 17.5447 14.3568 17.8314 11.764H14.8031ZM8.4906 4.59998C6.16256 5.51357 4.45401 7.6605 4.16931 10.2367H7.19763C7.28724 8.04874 7.75734 6.10205 8.46228 4.72205L8.5365 4.58142L8.4906 4.59998ZM10.9994 4.12732C10.8975 4.12752 10.7539 4.19239 10.5541 4.3783C10.262 4.65014 9.96085 5.09776 9.6908 5.69177C9.15229 6.87648 8.80458 8.48099 8.72595 10.2367H13.2738C13.1952 8.48099 12.8475 6.87648 12.309 5.69177C12.0389 5.09777 11.7378 4.65015 11.4457 4.3783C11.2638 4.20903 11.1284 4.13942 11.0287 4.1283L10.9994 4.12732ZM13.5062 4.66248C14.2283 6.04579 14.7122 8.01685 14.8031 10.2367H17.8314C17.5501 7.69093 15.8781 5.56369 13.5922 4.6322L13.4642 4.5824L13.5062 4.66248Z"/></svg>;
}

const IconMultiLanguage = React.forwardRef(IconMultiLanguageComponent);
export default IconMultiLanguage;
