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

function IconObservationIntegrationComponent(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-observation-integration${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 d="M13.0357 4.28661C13.0357 5.90494 11.7238 7.21685 10.1054 7.21685 8.48706 7.21685 7.17514 5.90494 7.17514 4.28661 7.17514 2.66825 8.48706 1.35632 10.1054 1.35632 11.7238 1.35632 13.0357 2.66825 13.0357 4.28661zM6.90147 15.233C6.90147 16.8513 5.58955 18.1632 3.97121 18.1632 2.35286 18.1632 1.04093 16.8513 1.04093 15.233 1.04093 13.6146 2.35286 12.3027 3.97121 12.3027 5.58955 12.3027 6.90147 13.6146 6.90147 15.233zM19.1707 15.233C19.1707 16.8513 17.8588 18.1632 16.2404 18.1632 14.6221 18.1632 13.3102 16.8513 13.3102 15.233 13.3102 13.6146 14.6221 12.3027 16.2404 12.3027 17.8588 12.3027 19.1707 13.6146 19.1707 15.233z"/><path fillRule="evenodd" d="M11.6226 6.79401C11.18 7.06233 10.6608 7.21682 10.1054 7.21682C9.55024 7.21682 9.03114 7.06246 8.58865 6.79425L5.65469 8.48817C5.40212 8.63401 5.24653 8.90348 5.24653 9.19515V12.594C6.226 13.0682 6.90147 14.0717 6.90147 15.2329C6.90147 15.252 6.9013 15.271 6.90094 15.29L9.69767 16.9047C9.95024 17.0506 10.2614 17.0506 10.514 16.9047L13.3107 15.2901C13.3103 15.2711 13.3102 15.252 13.3102 15.2329C13.3102 14.0717 13.9856 13.0682 14.9651 12.594V9.19515C14.9651 8.90348 14.8095 8.63401 14.557 8.48817L11.6226 6.79401ZM9.90261 9.26388C10.0289 9.19095 10.1845 9.19095 10.3108 9.26388L11.9667 10.2199C12.093 10.2929 12.1708 10.4276 12.1708 10.5734V12.4856C12.1708 12.6314 12.093 12.7661 11.9667 12.839L10.3108 13.7951C10.1845 13.868 10.0289 13.868 9.90261 13.7951L8.24665 12.839C8.12037 12.7661 8.04257 12.6314 8.04257 12.4856V10.5734C8.04257 10.4276 8.12037 10.2929 8.24665 10.2199L9.90261 9.26388Z" clipRule="evenodd" opacity=".5"/></svg>;
}

const IconObservationIntegration = React.forwardRef(IconObservationIntegrationComponent);
export default IconObservationIntegration;
