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

function IconOtherAlarmComponent(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-Other_Alarm${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 48 49" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M39.7951 21.4119L39.7951 21.3719C39.7951 12.6487 32.7236 5.57715 24.0004 5.57715C15.2772 5.57715 8.20559 12.6487 8.20554 21.3719L8.20552 36.5771C8.20552 37.1294 7.7578 37.5771 7.20552 37.5771H6.94775C6.39547 37.5771 5.94775 38.0249 5.94775 38.5771V42.5771C5.94775 43.1294 6.39547 43.5771 6.94775 43.5771H41C41.5523 43.5771 42 43.1294 42 42.5771V38.5771C42 38.0249 41.5523 37.5771 41 37.5771H40.7951C40.2428 37.5771 39.7951 37.1294 39.7951 36.5771V21.4119ZM20.5696 16.4086C20.6559 16.2439 20.8265 16.1406 21.0125 16.1406H28.7931C29.2103 16.1406 29.444 16.6215 29.1862 16.9495L24.889 22.4187C24.6313 22.7468 24.865 23.2276 25.2822 23.2276H30.7047C31.1405 23.2276 31.3677 23.7465 31.0721 24.0667L21.0595 34.9137C20.7061 35.2965 20.0759 34.9512 20.2085 34.4473L22.0635 27.3983C22.147 27.0813 21.9078 26.7711 21.58 26.7711H15.968C15.5921 26.7711 15.3507 26.372 15.525 26.0391L20.5696 16.4086Z"/></svg>;
}

const IconOtherAlarm = React.forwardRef(IconOtherAlarmComponent);
export default IconOtherAlarm;
