// notify-js //

function material_icon(element) {
    setTimeout(() => {
        copyTextToClipboard(element.firstChild.innerHTML);
        Toastify({
            text: "Copied to the clipboard successfully",
            duration: 3000,
            close: true,
            gravity: "top",
            position: "right",
            stopOnFocus: true,
            style: { background: "rgba(var(--success),1)" },
            onClick: function () {}
        }).showToast();
    }, 100);
}

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

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

// search-icon-js//

input.addEventListener('input', search);

function search(evt) {
    const searchValue = evt.target.value;
    const iconsToShow = searchValue.length ? icons.filter(icon => {
        const existingName = icon.name.toLowerCase();
        return existingName.includes(searchValue.toLowerCase());
    }) : icons;

    iconContainer.innerHTML = '';
    iconsToShow.forEach(icon => iconContainer.appendChild(icon.el));
}