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 IconRemarksComponent(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-remarks").concat(loadingKls, " ").concat(className), width: width, height: height, xmlns: "http://www.w3.org/2000/svg", fill: useCurrentColor ? 'currentColor' : '#000', viewBox: "0 0 18 18" }, rest, { ref: ref }),
        React.createElement("path", { d: "M13.347 14.237a4.627 4.627 0 1 1 3.036-6.171V7.96A6.71 6.71 0 0 0 3.345 5.726l-1.983 4.546a.836.836 0 0 0 .766 1.17h.984v2.393c0 .461.374.835.836.835H5.89v2.08h7.457v-2.513Z" }),
        React.createElement("path", { fillRule: "evenodd", d: "M7.46 9.784a4.627 4.627 0 1 1 9.253 0 4.627 4.627 0 0 1-9.254 0Zm1.387-1.101c0-.107.087-.193.193-.193h.771c.107 0 .193.086.193.193v2.474a.193.193 0 0 1-.193.193h-.77a.193.193 0 0 1-.194-.193V8.683Zm1.967-.664a.193.193 0 0 0-.193.193v3.415c0 .107.086.193.193.193h.77a.193.193 0 0 0 .194-.193V8.212a.193.193 0 0 0-.193-.193h-.771Zm1.58-.612c0-.106.087-.193.193-.193h.771c.107 0 .193.087.193.193v4.754a.193.193 0 0 1-.193.193h-.77a.193.193 0 0 1-.194-.193V7.407ZM14.36 8.74a.193.193 0 0 0-.192.193v2.474c0 .106.086.193.193.193h.77a.193.193 0 0 0 .193-.193V8.933a.193.193 0 0 0-.192-.193h-.771Z", clipRule: "evenodd", opacity: ".5" }));
}
var IconRemarks = React.forwardRef(IconRemarksComponent);
export default IconRemarks;
