const Severity = {
    Normal: 1,
    Warning: 2,
    Critical: 3,
}

function showToast(severity, text) {
    var toast = $('#toast');
    if (!toast.length) {
        $('body').append('<div id="toast" class="toast hidden"></div>');
        toast = $('#toast');
    }

    toast.text(text);

    toast.removeClass('normal');
    toast.removeClass('warning');
    toast.removeClass('critical');

    switch(severity) {
        case Severity.Warning:
            toast.addClass('warning');
            break
        case Severity.Critical:
            toast.addClass('critical');
            break
        case Severity.Normal:
        default:
            toast.addClass('normal');
            break
    }


    toast.removeClass('hidden');
    toast.addClass('visible');
    setTimeout(function() {
        toast.removeClass('visible');
        toast.addClass('hidden');
    }, 2000);
}