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 IconCaretDownRedComponent(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-caret-down-red").concat(loadingKls, " ").concat(className), width: width, height: height, viewBox: "0 0 48 48", fill: useCurrentColor ? 'currentColor' : '#000', xmlns: "http://www.w3.org/2000/svg" }, rest, { ref: ref }),
        React.createElement("g", { clipPath: "url(#svg_cea1334c5e__svg_cea1334c5e__clip0_10211_36273)" },
            React.createElement("path", { d: "M8.4005 17.6477C7.84844 16.9982 8.31003 16 9.16244 16H38.8376C39.69 16 40.1516 16.9982 39.5995 17.6476L24.7619 35.1036C24.3626 35.5734 23.6374 35.5734 23.2381 35.1036L8.4005 17.6477Z" })),
        React.createElement("defs", null,
            React.createElement("clipPath", { id: "svg_cea1334c5e__svg_cea1334c5e__clip0_10211_36273" },
                React.createElement("path", { d: "M0 0H48V48H0z" }))));
}
var IconCaretDownRed = React.forwardRef(IconCaretDownRedComponent);
export default IconCaretDownRed;
