//  **------flag icon**
$(document).on('click', '.flag-icon-toggle .btn', function () {
    $(".flag-icon-toggle .btn").removeClass("active");
    $(this).addClass("active");
    if ($(this).text().trim() === "Squared") {
        $(".flag-icon").addClass("flag-icon-squared");
    } else {
        $(".flag-icon").removeClass("flag-icon-squared");
    }
});

function copyText(element) {
    copyTextToClipboard(`<i class="${element.children[0].className}"></i>`);
    Toastify({
        text: "Copied to the clipboard successfully",
        duration: 3000,
        close: true,
        gravity: "top", // `top` or `bottom`
        position: "right", // `left`, `center` or `right`
        stopOnFocus: true, // Prevents dismissing of toast on hover
        style: {
            background: "rgba(var(--success),1)",
        },
        onClick: function () {} // Callback after click
    }).showToast();
}

function notify_copy_2() {
    console.log("this");
}

const input = document.querySelector('div.search-bar input');
const iconContainer = document.querySelector('ul.icon-list');
let icons = [];

document.querySelectorAll('li.icon-box').forEach(icon => {
    icons.push({
        el: icon,
        name: icon.querySelector('strong').innerHTML
    });
});

input.addEventListener('input', search);