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

function IconMenuObservationComponent(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-menu-observation${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 20 20" {...rest} ref={ref}><path fillRule="evenodd" d="M13.2 8.3C12.8 8.1 12.4 8 12 8.2L7.7 9.9L2.9 6.5C3.2 5.8 3.7 5.2 4.2 4.6L6 5.8C6 6.6 6.7 7.4 7.5 7.5C8.4 7.5 9.1 6.8 9.1 5.9C9.1 5 8.4 4.3 7.5 4.3C7.3 4.3 7.1 4.3 6.9 4.4L5.5 3.4C6.8 2.5 8.3 2 10 2C14.4 2 18 5.6 18 10C18 10.5 18 10.9 17.9 11.4L13.2 8.3ZM8 11.8L12.4 9.99999L17.3 13.3C16.9 14.1 16.4 14.8 15.8 15.5L13.6 13.9C13.6 13 12.9 12.3 12 12.3C11.1 12.3 10.4 13 10.4 13.9C10.4 14.8 11.1 15.5 12 15.5C12.1 15.5 12.3 15.5 12.5 15.4L14.4 16.7C13.1 17.5 11.6 18 10 18C5.6 18 2 14.4 2 9.99999C2 9.39999 2.1 8.79999 2.2 8.29999L6.8 11.6C7.1 11.9 7.6 12 8 11.8Z" clipRule="evenodd"/></svg>;
}

const IconMenuObservation = React.forwardRef(IconMenuObservationComponent);
export default IconMenuObservation;
