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

function IconVoicecallCancelComponent(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-voicecall-cancel${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 16 16" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M3.4699 3.46881C3.76281 3.17633 4.23768 3.17609 4.53044 3.46881L7.87906 6.81743L11.2287 3.46881C11.5215 3.17637 11.9964 3.17621 12.2892 3.46881C12.582 3.76157 12.5817 4.23643 12.2892 4.52936L8.93961 7.87798L12.2892 11.2276C12.582 11.5203 12.5817 11.9952 12.2892 12.2881C11.9963 12.581 11.5216 12.581 11.2287 12.2881L7.87906 8.93852L4.53044 12.2881C4.23755 12.581 3.76279 12.581 3.4699 12.2881C3.17717 11.9952 3.17706 11.5204 3.4699 11.2276L6.81852 7.87798L3.4699 4.52936C3.17704 4.23646 3.17702 3.76169 3.4699 3.46881Z"/></svg>;
}

const IconVoicecallCancel = React.forwardRef(IconVoicecallCancelComponent);
export default IconVoicecallCancel;
