var __assign = (this && this.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
var __rest = (this && this.__rest) || function (s, e) {
    var t = {};
    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
        t[p] = s[p];
    if (s != null && typeof Object.getOwnPropertySymbols === "function")
        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
                t[p[i]] = s[p[i]];
        }
    return t;
};
import React, { useContext } from 'react';
import { Context } from '../context';
function IconMenuObservationComponent(props, ref) {
    var prefixFromContext = useContext(Context).prefix;
    var _a = props.className, className = _a === void 0 ? '' : _a, prefixFromProps = props.prefix, _b = props.width, width = _b === void 0 ? '1em' : _b, _c = props.height, height = _c === void 0 ? '1em' : _c, _d = props.useCurrentColor, useCurrentColor = _d === void 0 ? true : _d, spin = props.spin, rest = __rest(props, ["className", "prefix", "width", "height", "useCurrentColor", "spin"]);
    var prefix = prefixFromProps || prefixFromContext || 'hiagent';
    var loadingKls = spin ? " ".concat(prefix, "-icon-loading") : '';
    return React.createElement("svg", __assign({ className: "".concat(prefix, "-icon ").concat(prefix, "-icon-menu-observation").concat(loadingKls, " ").concat(className), width: width, height: height, xmlns: "http://www.w3.org/2000/svg", fill: useCurrentColor ? 'currentColor' : '#000', viewBox: "0 0 20 20" }, rest, { ref: ref }),
        React.createElement("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" }));
}
var IconMenuObservation = React.forwardRef(IconMenuObservationComponent);
export default IconMenuObservation;
