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

function IconAgentVoiceAnswerComponent(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-agent_voice_answer${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 42 42" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M14.8716 6.72522C15.5073 6.72522 16.0931 7.06999 16.4017 7.62582L18.5423 11.4818C18.8225 11.9867 18.8357 12.5973 18.5774 13.1138L16.5152 17.2383C16.5152 17.2383 17.1129 20.3108 19.614 22.8119C22.1151 25.313 25.1773 25.9003 25.1773 25.9003L29.3011 23.8384C29.818 23.58 30.4291 23.5934 30.9341 23.8741L34.801 26.024C35.3563 26.3328 35.7007 26.9182 35.7007 27.5535V31.9928C35.7007 34.2536 33.6008 35.8864 31.4587 35.1636C27.0593 33.6791 20.2301 30.8527 15.9017 26.5242C11.5732 22.1957 8.74674 15.3666 7.26227 10.9672C6.5395 8.82511 8.17233 6.72522 10.433 6.72522H14.8716Z"/></svg>;
}

const IconAgentVoiceAnswer = React.forwardRef(IconAgentVoiceAnswerComponent);
export default IconAgentVoiceAnswer;
