import { cats } from "./catSeeder.js";
import { html, render } from 'https://unpkg.com/lit-html?module';
function loadCats() {
    let allCats = document.getElementById("allCats")
    
    //create array of li
    const itemTemplates = [];
    for (const c of cats) {
        itemTemplates.push(html`

    

        Show status code
        

            
Status Code: ${c.statusCode}
            
Continue
        
    
    
`);
    }
    //render ul
    let ul = html`
 ${itemTemplates}
`;
    //append it
    render(ul, allCats)

}

function showStatus(statusCode, button) {
    let statusDiv = document.getElementById(statusCode);
    if (statusDiv.style.display == "none") {
        statusDiv.style.display = "block";
        button.textContent = "Hide status code";
    } else {
        statusDiv.style.display = "none";
        button.textContent = "Show status code";
    }
}

loadCats();