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

function IconLanguageAiOutlinedComponent(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-language-ai_outlined${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 16 16" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M7.99999 0.666626C8.10153 0.666626 8.20435 0.669231 8.30793 0.674438C8.70694 0.690953 9.09778 0.737942 9.47785 0.815715H9.41601C9.7422 0.880187 10.0587 0.961832 10.3496 1.0553C10.1735 1.72772 9.6272 2.23953 8.94465 2.37105L8.67056 2.42379C8.50674 2.22042 8.33628 2.08173 8.16405 2.02665V2.02795C8.10932 2.01048 8.05489 1.99996 7.99999 1.99996C6.99999 1.99996 5.99995 4.99996 6.01366 7.33329H9.98632C9.9867 7.26867 9.98552 7.20355 9.98437 7.13798C9.9774 6.40216 9.90448 5.81337 9.71483 5.04618C10.5124 5.1142 11.1815 5.70414 11.2676 6.49996C11.2991 6.79175 11.3196 7.07701 11.321 7.33329H13.9635C13.898 6.74054 13.7449 6.17429 13.5195 5.64644C13.5306 5.61052 13.5435 5.57514 13.5579 5.54032C13.6182 5.39482 13.707 5.26238 13.8183 5.151C13.9297 5.03969 14.0622 4.9515 14.2077 4.89124C14.3329 4.83939 14.4659 4.81074 14.6009 4.80334C14.9073 5.43494 15.1248 6.11718 15.2396 6.83394C15.3043 7.16031 15.3333 7.52664 15.3333 7.99996C15.3333 12.05 12.0501 15.3333 7.99999 15.3333C3.9499 15.3333 0.666657 12.05 0.666656 7.99996C0.666656 3.94987 3.9499 0.666626 7.99999 0.666626ZM6.01366 8.66663C5.99995 11 6.99999 14 7.99999 14C8.99999 14 10 11 9.98632 8.66663H6.01366ZM2.03645 8.66663C2.28357 10.9021 3.75905 12.7674 5.77278 13.5729C5.33338 12.6665 4.68916 10.5333 4.67903 8.66663H2.03645ZM11.321 8.66663C11.3108 10.7999 10.6666 12.6665 10.2272 13.5729C12.2409 12.7674 13.7164 10.9021 13.9635 8.66663H11.321ZM5.77278 2.42704C3.75905 3.23256 2.28357 5.09781 2.03645 7.33329H4.67903C4.68916 5.2 5.33338 3.3334 5.77278 2.42704Z"/><path d="M12 0.666626C12.0736 0.666626 12.1329 0.72655 12.1367 0.80009C12.2038 2.09298 13.2403 3.12947 14.5332 3.19657C14.6067 3.20039 14.6667 3.25965 14.6667 3.33329C14.6667 3.40693 14.6067 3.4662 14.5332 3.47001C14.3004 3.48209 14.0759 3.52555 13.8639 3.59631L13.8646 3.59762C13.8082 3.61642 13.7523 3.63667 13.6973 3.65946C13.4444 3.76419 13.2105 3.90884 13.0045 4.08785C12.502 4.52506 12.1735 5.15725 12.1367 5.8665C12.1329 5.94004 12.0736 5.99996 12 5.99996C11.9264 5.99996 11.8671 5.94004 11.8633 5.8665C11.7962 4.57361 10.7597 3.53712 9.46679 3.47001C9.39325 3.4662 9.33332 3.40693 9.33332 3.33329C9.33332 3.25965 9.39325 3.20039 9.46679 3.19657C10.7597 3.12947 11.7962 2.09298 11.8633 0.80009C11.8671 0.72655 11.9264 0.666626 12 0.666626Z"/></svg>;
}

const IconLanguageAiOutlined = React.forwardRef(IconLanguageAiOutlinedComponent);
export default IconLanguageAiOutlined;
