import React from "react";
import { HeaderAlertType } from "../HeaderAlert";
const NotificationBellSection = (props) => {
    let textColor = "text-indigo-600";
    switch (props.alertType) {
        case HeaderAlertType.SUCCESS:
            textColor = "text-emerald-600";
            break;
        case HeaderAlertType.ERROR:
            textColor = "text-red-600";
            break;
        case HeaderAlertType.WARNING:
            textColor = "text-amber-600";
            break;
        case HeaderAlertType.INFO:
            textColor = "text-gray-500";
            break;
    }
    return (React.createElement("div", { className: "py-2" },
        React.createElement("div", { className: `px-3 py-1 text-xs font-semibold uppercase ${textColor}` }, props.title),
        React.createElement("div", { className: "space-y-2 px-3 py-1" }, props.children)));
};
export default NotificationBellSection;
//# sourceMappingURL=NotificationBellSection.js.map