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

function IconVoiceInputComponent(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 || 'font';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-VoiceInput${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 clipPath="url(#svg_98906ce409__clip0_1495_27449)"><path fillRule="evenodd" clipRule="evenodd" d="M19.1667 10.0007C19.1667 15.0633 15.0627 19.1673 10 19.1673C4.93743 19.1673 0.833374 15.0633 0.833374 10.0007C0.833374 4.93804 4.93743 0.833984 10 0.833984C15.0627 0.833984 19.1667 4.93804 19.1667 10.0007ZM17.5 10.0007C17.5 14.1428 14.1422 17.5007 10 17.5007C5.8579 17.5007 2.50004 14.1428 2.50004 10.0007C2.50004 5.85852 5.8579 2.50065 10 2.50065C14.1422 2.50065 17.5 5.85852 17.5 10.0007Z"/><path d="M11.1463 4.23526L11.2599 4.33091C14.9686 7.4981 14.9647 12.5033 11.2511 15.6662L11.1364 15.7628L11.127 15.7705C10.9602 15.9054 10.7403 15.9799 10.5122 15.979C10.2763 15.979 10.0507 15.9006 9.88642 15.7614C9.81149 15.6978 9.75194 15.6218 9.71125 15.538C9.67056 15.4542 9.64955 15.3642 9.64945 15.2733C9.64934 15.1823 9.67015 15.0923 9.71065 15.0084C9.75115 14.9245 9.81053 14.8485 9.88532 14.7847L9.88807 14.7823L9.98181 14.7039C13.0608 12.0953 13.0608 7.95342 9.98346 5.34487L9.88807 5.26547L9.8776 5.25687C9.79777 5.19072 9.73444 5.11108 9.6915 5.02287C9.64857 4.93465 9.62695 4.83974 9.62799 4.74399C9.62902 4.64824 9.65268 4.55369 9.69751 4.46619C9.74234 4.37868 9.80739 4.30009 9.88862 4.23526C10.0599 4.09832 10.2843 4.02229 10.5172 4.02229C10.7501 4.02229 10.9751 4.09832 11.1463 4.23526Z"/><path d="M9.06984 6.22024L9.08308 6.23015L9.08583 6.23263L9.15862 6.29509C11.5285 8.37697 11.529 11.6237 9.15917 13.7056L9.08253 13.772L9.07922 13.7745L9.06874 13.7819C8.89915 13.9002 8.69062 13.9644 8.476 13.9644C8.26137 13.9644 8.05284 13.9002 7.88325 13.7819L7.86781 13.771L7.86285 13.7671L7.85403 13.7586C7.78158 13.6935 7.72427 13.6161 7.68544 13.5309C7.64661 13.4457 7.62703 13.3544 7.62785 13.2623C7.62867 13.1702 7.64987 13.0792 7.69022 12.9945C7.73057 12.9099 7.78925 12.8333 7.86285 12.7692L7.86671 12.7663L7.9213 12.7207C9.69292 11.2034 9.69292 8.79929 7.9213 7.2815L7.8645 7.23342L7.86174 7.23144L7.85292 7.22252C7.70964 7.09017 7.6302 6.91236 7.63185 6.72768C7.6335 6.543 7.71611 6.36636 7.86174 6.2361L7.86616 6.23114L7.87167 6.22767L7.8816 6.22024C8.05057 6.09965 8.25997 6.03401 8.47572 6.03401C8.69147 6.03401 8.90087 6.09965 9.06984 6.22024Z"/><path d="M7.81372 9.494C7.70229 9.34435 7.54394 9.22781 7.35874 9.15916C7.17577 9.09131 6.97463 9.07336 6.78038 9.10755C6.58614 9.14175 6.40738 9.22658 6.2664 9.35147L6.24921 9.36693C6.0648 9.53562 5.96139 9.76261 5.9612 9.99912C5.96101 10.2356 6.06406 10.4628 6.24819 10.6317L6.26589 10.6476C6.55466 10.9036 6.98451 10.9795 7.35874 10.8404C7.54394 10.7717 7.70229 10.6552 7.81372 10.5055C7.92515 10.3559 7.98463 10.1798 7.98463 9.99976C7.98463 9.81968 7.92515 9.64365 7.81372 9.494Z"/></g><defs><clipPath id="svg_98906ce409__clip0_1495_27449"><path d="M0 0H20V20H0z"/></clipPath></defs></svg>;
}

const IconVoiceInput = React.forwardRef(IconVoiceInputComponent);
export default IconVoiceInput;
