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

function IconAgentVoiceHangupComponent(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_hangup${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="M36.1233 26.5339C35.6737 26.9835 35.0158 27.1538 34.4045 26.979L30.1643 25.7661C29.6092 25.6073 29.168 25.1848 28.9854 24.6369L27.5272 20.2623C27.5272 20.2623 24.932 18.5123 21.3949 18.5123C17.8578 18.5123 15.2772 20.2623 15.2772 20.2623L13.8192 24.6363C13.6365 25.1845 13.1949 25.6071 12.6393 25.7657L8.38476 26.9798C7.77378 27.1541 7.11633 26.9837 6.66708 26.5345L3.52801 23.3954C1.92943 21.7968 2.2597 19.1574 4.28551 18.1538C8.44601 16.0926 15.2735 13.2623 21.3949 13.2624C27.5163 13.2623 34.3438 16.0926 38.5044 18.1538C40.5301 19.1574 40.8604 21.7968 39.2618 23.3954L36.1233 26.5339Z"/></svg>;
}

const IconAgentVoiceHangup = React.forwardRef(IconAgentVoiceHangupComponent);
export default IconAgentVoiceHangup;
