import "./AppWindow.js"
import "../Profile/Profile.js"

class AppWindowContainer extends Shadow {
    render() {
        ZStack(() => {

            VStack(() => {
                TopBar()
                
                AppWindow()
            })
            .width(100, pct)
            .gap(0)

            Profile()
                .zIndex(3)
        })
        .height(100, pct)
        .overflowY("hidden")
        .display("flex")
        .position("relative")
    }

    openProfile() {
        this.$("profile-").top(20, px)
        this.$("profile-").pointerEvents("auto")
    }

    closeProfile() {
        this.$("profile-").top(100, vh)
        this.$("profile-").pointerEvents("none")
    }
}

register(AppWindowContainer)