import React from "react";
export var StatusBadgeType;
(function (StatusBadgeType) {
    StatusBadgeType["Success"] = "success";
    StatusBadgeType["Warning"] = "warning";
    StatusBadgeType["Danger"] = "danger";
    StatusBadgeType["Info"] = "info";
    StatusBadgeType["Neutral"] = "neutral";
})(StatusBadgeType || (StatusBadgeType = {}));
const statusStyles = {
    [StatusBadgeType.Success]: "bg-gradient-to-r from-emerald-50 to-emerald-100 text-emerald-800 ring-1 ring-inset ring-emerald-200/80",
    [StatusBadgeType.Warning]: "bg-gradient-to-r from-amber-50 to-amber-100 text-amber-800 ring-1 ring-inset ring-amber-200/80",
    [StatusBadgeType.Danger]: "bg-gradient-to-r from-red-50 to-red-100 text-red-800 ring-1 ring-inset ring-red-200/80",
    [StatusBadgeType.Info]: "bg-gradient-to-r from-blue-50 to-blue-100 text-blue-800 ring-1 ring-inset ring-blue-200/80",
    [StatusBadgeType.Neutral]: "bg-gradient-to-r from-gray-50 to-gray-100 text-gray-700 ring-1 ring-inset ring-gray-200/80",
};
const StatusBadge = (props) => {
    const type = props.type || StatusBadgeType.Neutral;
    return (React.createElement("span", { className: `inline-flex items-center px-2.5 py-0.5 text-xs font-semibold rounded-full ${statusStyles[type]} ${props.className || ""}` }, props.text));
};
export default StatusBadge;
//# sourceMappingURL=StatusBadge.js.map