import "./NavMenu.js"
import "./HomePanel.js"
import "./DownloadsPanel.js"

class Home extends Shadow {

    render() {
        ZStack(() => {

            switch(window.location.pathname) {
                case "/":
                    HomePanel()
                    break;
                case "/downloads":
                    DownloadsPanel()
                    break;
            }
        })
        .backgroundColor("var(--main)")
        .display("block")
        .width(100, vw).height("auto")
        .color("var(--accent)")
        .fontFamily("Arial")
        .onAppear(() => {
            document.body.style.backgroundColor = "var(--main)"
        })
        .onNavigate(() => {
            console.log("navved")
            this.rerender()
        })
    }
}

register(Home)