function showTitle(title){
    var view = document.getElementById("view");
    var t = document.createElement("h1");
    t.classList.add("title--main")
    t.innerText = title;

    view.appendChild(t);
}

function showDescription(desc) {
    var view = document.getElementById("view");
    var t = document.createElement("h2");
    t.classList.add("title--description")
    t.innerText = desc;

    view.appendChild(t);
}

global.cards = [];
global.currentCard = -1;
function getCard(card){
    var t = document.createElement("div");
    var title = document.createElement("span");
    title.innerText = card.name;
    var image = document.createElement("img");
    image.src = card.image;
    global.cards[global.cards.length] = card;

    t.appendChild(title);
    t.appendChild(image);

    return t;
}

function renderCardList(cards){
    var view = document.getElementById("view");
    var list = document.createElement("div");

    view.appendChild(list);

    list.classList.add("cards-list");

    
}

function showAction(action, side){

}
module.exports = {
    showTitle,
    showDescription,
    getCard,
    renderCardList,
    showAction
}