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

function IconMicAIComponent(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-Mic_AI${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 24 24" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M11 22V19.9346C9.24713 19.7137 7.60532 18.9198 6.34277 17.6572 4.84248 16.1569 4 14.1217 4 12V10C4 9.44772 4.44772 9 5 9 5.55228 9 6 9.44772 6 10V12C6 13.5913 6.63259 15.117 7.75781 16.2422 8.88303 17.3674 10.4087 18 12 18 13.5913 18 15.117 17.3674 16.2422 16.2422 17.3674 15.117 18 13.5913 18 12V10C18 9.44772 18.4477 9 19 9 19.5523 9 20 9.44772 20 10V12C20 14.1217 19.1575 16.1569 17.6572 17.6572 16.3947 18.9198 14.7529 19.7137 13 19.9346V22C13 22.5523 12.5523 23 12 23 11.4477 23 11 22.5523 11 22zM14 5C14 4.46957 13.7891 3.96101 13.4141 3.58594 13.039 3.21087 12.5304 3 12 3 11.4696 3 10.961 3.21087 10.5859 3.58594 10.2109 3.96101 10 4.46957 10 5V12C10 12.5304 10.2109 13.039 10.5859 13.4141 10.961 13.7891 11.4696 14 12 14 12.5304 14 13.039 13.7891 13.4141 13.4141 13.7891 13.039 14 12.5304 14 12V5zM16 12C16 13.0609 15.5783 14.078 14.8281 14.8281 14.078 15.5783 13.0609 16 12 16 10.9391 16 9.92202 15.5783 9.17188 14.8281 8.42173 14.078 8 13.0609 8 12V5C8 3.93913 8.42173 2.92202 9.17188 2.17188 9.92202 1.42173 10.9391 1 12 1 13.0609 1 14.078 1.42173 14.8281 2.17188 15.5783 2.92202 16 3.93913 16 5V12zM21.5161.359311C21.3388-.119771 20.6612-.11977 20.4839.359311L19.9979 1.67278C19.9422 1.8234 19.8234 1.94216 19.6728 1.99789L18.3593 2.48392C17.8802 2.6612 17.8802 3.3388 18.3593 3.51608L19.6728 4.00211C19.8234 4.05784 19.9422 4.1766 19.9979 4.32722L20.4839 5.64069C20.6612 6.11977 21.3388 6.11977 21.5161 5.64069L22.0021 4.32722C22.0578 4.1766 22.1766 4.05784 22.3272 4.00211L23.6407 3.51608C24.1198 3.3388 24.1198 2.6612 23.6407 2.48392L22.3272 1.99789C22.1766 1.94216 22.0578 1.8234 22.0021 1.67278L21.5161.359311z"/><path d="M21.5161 0.359311C21.3388 -0.119771 20.6612 -0.11977 20.4839 0.359311L19.9979 1.67278C19.9422 1.8234 19.8234 1.94216 19.6728 1.99789L18.3593 2.48392C17.8802 2.6612 17.8802 3.3388 18.3593 3.51608L19.6728 4.00211C19.8234 4.05784 19.9422 4.1766 19.9979 4.32722L20.4839 5.64069C20.6612 6.11977 21.3388 6.11977 21.5161 5.64069L22.0021 4.32722C22.0578 4.1766 22.1766 4.05784 22.3272 4.00211L23.6407 3.51608C24.1198 3.3388 24.1198 2.6612 23.6407 2.48392L22.3272 1.99789C22.1766 1.94216 22.0578 1.8234 22.0021 1.67278L21.5161 0.359311Z"/></svg>;
}

const IconMicAI = React.forwardRef(IconMicAIComponent);
export default IconMicAI;
