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

function IconAgentVoiceExitComponent(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_exit${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="M30.5451 7.22665C31.5138 6.25797 33.0842 6.25803 34.0529 7.22665C35.0216 8.19537 35.0216 9.76576 34.0529 10.7345L24.1476 20.6397L34.0529 30.545C34.0639 30.5561 34.0746 30.5677 34.0851 30.5792L34.1877 30.6915L34.2228 30.7325C35.0182 31.708 34.9611 33.1446 34.0529 34.0528C33.1447 34.9608 31.708 35.0181 30.7326 34.2227C30.7187 34.2115 30.7048 34.1996 30.6916 34.1876L30.5793 34.0851C30.5677 34.0745 30.5561 34.0639 30.5451 34.0528L20.6398 24.1476L10.7345 34.0528C10.7236 34.0637 10.7118 34.0746 10.7004 34.0851L10.5881 34.1876C10.5749 34.1995 10.5608 34.2115 10.547 34.2227C9.57158 35.0179 8.13484 34.9609 7.22673 34.0528C6.31869 33.1447 6.26168 31.7079 7.0568 30.7325L7.09196 30.6915L7.1945 30.5792C7.20491 30.5678 7.2158 30.556 7.22673 30.545L17.132 20.6397L7.22673 10.7345C6.25809 9.76584 6.25825 8.19538 7.22673 7.22665C8.19544 6.25794 9.76583 6.25794 10.7345 7.22665L20.6398 17.1319L30.5451 7.22665Z"/></svg>;
}

const IconAgentVoiceExit = React.forwardRef(IconAgentVoiceExitComponent);
export default IconAgentVoiceExit;
