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

function IconVoice3Component(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-voice-3${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 18 18" {...rest} ref={ref}><path fillRule="evenodd" d="M11.5843 5.37852C11.4922 5.41669 11.4085 5.47262 11.338 5.54313V5.54142C11.2675 5.61189 11.2116 5.69557 11.1734 5.78766C11.1353 5.87976 11.1156 5.97847 11.1156 6.07816C11.1156 6.17784 11.1353 6.27656 11.1734 6.36865C11.2116 6.46074 11.2675 6.54442 11.338 6.61489C11.7015 6.97774 11.9898 7.40869 12.1865 7.88308C12.3832 8.35747 12.4845 8.86599 12.4845 9.37955C12.4845 9.8931 12.3832 10.4016 12.1865 10.876C11.9898 11.3504 11.7015 11.7813 11.338 12.1442C11.1994 12.2873 11.1226 12.4792 11.1242 12.6784C11.1258 12.8776 11.2057 13.0682 11.3467 13.209C11.4876 13.3498 11.6783 13.4296 11.8775 13.431C12.0767 13.4325 12.2685 13.3556 12.4115 13.2168C13.4289 12.1991 14.0004 10.819 14.0004 9.37997C14.0004 7.94095 13.4289 6.56084 12.4115 5.54313C12.341 5.47262 12.2574 5.41669 12.1653 5.37852C12.0732 5.34036 11.9745 5.32072 11.8748 5.32072C11.7751 5.32072 11.6764 5.34036 11.5843 5.37852ZM8.53905 2.05255C8.7167 2.00159 8.90276 1.98677 9.08623 2.00897L9.08709 2.00812C9.17422 2.01937 9.25994 2.03966 9.34288 2.06866C9.52931 2.13224 9.69162 2.25172 9.80773 2.41085C9.92383 2.56997 9.98808 2.76101 9.99173 2.95795C9.99247 2.9657 9.99416 2.97265 9.99585 2.97956C9.99806 2.98862 10.0003 2.99762 10.0003 3.00826V14.9894C10.0072 15.1961 9.94731 15.3994 9.8295 15.5693C9.71169 15.7392 9.54223 15.8665 9.34629 15.9324C9.2616 15.9595 9.17452 15.9783 9.08623 15.9887C9.03288 15.9971 8.97906 16.0022 8.92509 16.0041C8.60786 16.0001 8.30087 15.8913 8.05199 15.6946L4.20151 12.1135H2.27115C1.88226 12.1462 1.49606 12.0251 1.19542 11.7763C0.894779 11.5275 0.703664 11.1707 0.663086 10.7826V6.51428C0.703866 6.12619 0.895223 5.76958 1.19605 5.52104C1.49689 5.2725 1.88319 5.15186 2.272 5.18502H4.1998L7.17634 2.95966L8.05199 2.30569C8.19579 2.18959 8.36141 2.10352 8.53905 2.05255ZM13.0815 2.53307C12.9986 2.58835 12.9273 2.65942 12.8719 2.74224H12.8702C12.8148 2.82514 12.7762 2.91814 12.7568 3.01594C12.7373 3.11374 12.7373 3.21441 12.7568 3.31221C12.7763 3.41 12.8149 3.503 12.8703 3.58588C12.9257 3.66876 12.997 3.7399 13.0799 3.79524C13.9332 4.36648 14.6326 5.13917 15.1162 6.04497C15.5998 6.95077 15.8528 7.96179 15.8528 8.98862C15.8528 10.0154 15.5998 11.0265 15.1162 11.9323C14.6326 12.8381 13.9332 13.6108 13.0799 14.182C12.9945 14.2363 12.9209 14.3071 12.8633 14.3904C12.8057 14.4735 12.7653 14.5674 12.7446 14.6665C12.7238 14.7655 12.723 14.8677 12.7423 14.967C12.7616 15.0663 12.8006 15.1608 12.857 15.2449C12.9133 15.3289 12.9859 15.4008 13.0705 15.4564C13.155 15.512 13.2498 15.5501 13.3493 15.5685C13.4489 15.5869 13.551 15.5852 13.6499 15.5635C13.7487 15.5418 13.8422 15.5005 13.9249 15.4422C14.9858 14.7327 15.8555 13.7726 16.457 12.6469C17.0584 11.5212 17.3731 10.2645 17.3731 8.98819C17.3731 7.71187 17.0584 6.45522 16.457 5.3295C15.8555 4.20377 14.9858 3.24367 13.9249 2.5342C13.8421 2.4787 13.7492 2.44005 13.6514 2.42047C13.5537 2.40089 13.4531 2.40076 13.3553 2.42008C13.2575 2.4394 13.1645 2.47779 13.0815 2.53307Z" clipRule="evenodd"/></svg>;
}

const IconVoice3 = React.forwardRef(IconVoice3Component);
export default IconVoice3;
