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

function IconVoiceaiComponent(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-voiceai${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 18 18" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M8.98748 0.25C6.57126 0.25 4.61248 2.20875 4.61248 4.625V8.125C4.61248 10.5412 6.57126 12.5 8.98748 12.5C11.4037 12.5 13.3625 10.5412 13.3625 8.125V4.625C13.3625 2.20875 11.4037 0.25 8.98748 0.25ZM9.86248 15.5116C13.5578 15.0785 16.425 11.9366 16.425 8.125V7.25C16.425 7.00837 16.2291 6.8125 15.9875 6.8125H15.1125C14.8708 6.8125 14.675 7.00837 14.675 7.25V8.125C14.675 11.2661 12.1286 13.8125 8.98748 13.8125C5.84636 13.8125 3.29998 11.2661 3.29998 8.125V7.25C3.29998 7.00837 3.10411 6.8125 2.86248 6.8125H1.98749C1.74587 6.8125 1.54999 7.00837 1.54999 7.25V8.125C1.54999 11.9366 4.41722 15.0785 8.11248 15.5116V17.3125C8.11248 17.5541 8.30835 17.75 8.54998 17.75H9.42498C9.66661 17.75 9.86248 17.5541 9.86248 17.3125V15.5116Z"/></svg>;
}

const IconVoiceai = React.forwardRef(IconVoiceaiComponent);
export default IconVoiceai;
