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

function IconTreeAbnormalComponent(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-tree_abnormal${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 fillRule="evenodd" clipRule="evenodd" d="M1.3999 7.99999C1.3999 4.35491 4.35482 1.39999 7.9999 1.39999C11.645 1.39999 14.5999 4.35491 14.5999 7.99999C14.5999 11.6451 11.645 14.6 7.9999 14.6C4.35482 14.6 1.3999 11.6451 1.3999 7.99999ZM13.3999 7.99999C13.3999 5.01766 10.9822 2.59999 7.9999 2.59999C5.01756 2.59999 2.5999 5.01766 2.5999 7.99999C2.5999 10.9823 5.01756 13.4 7.9999 13.4C10.9822 13.4 13.3999 10.9823 13.3999 7.99999Z"/><path fillRule="evenodd" clipRule="evenodd" d="M7.99992 4.5C8.36811 4.5 8.66659 4.79848 8.66659 5.16667V9.16667C8.66659 9.53486 8.36811 9.83333 7.99992 9.83333C7.63173 9.83333 7.33325 9.53486 7.33325 9.16667V5.16667C7.33325 4.79848 7.63173 4.5 7.99992 4.5Z"/><path d="M8.83341 11.3333C8.83341 11.7936 8.46032 12.1667 8.00008 12.1667C7.53984 12.1667 7.16675 11.7936 7.16675 11.3333C7.16675 10.8731 7.53984 10.5 8.00008 10.5C8.46032 10.5 8.83341 10.8731 8.83341 11.3333Z"/></svg>;
}

const IconTreeAbnormal = React.forwardRef(IconTreeAbnormalComponent);
export default IconTreeAbnormal;
