const STATE = {
    sleeping: 0,
    video: 1,
    audio: 2,
    thankYou: 3,
};

class StateManager {
    constructor() {
        this._state = STATE.sleeping;
        this._cameraPage = new CameraPage();
        this._sleepingPage = new SleepingPage();

        this.wsClient = new WebsocketClient(
            (effects) => this._cameraPage.setEffects(effects),
            (state) => this.changeState(state)
        );
        
        this._sleepingPage.enabled = true;
        this._cameraPage.enabled = false;

        //TODO: Remove qd implémenté dans le backend
        document.getElementById("sleeping-page-continue").onclick = () => this.setState(STATE.video);
    }

    setState(newState) {
        if(this._state == STATE.sleeping && newState == STATE.video) {
            this._cameraPage.enabled = true;
            this._sleepingPage.enabled = false;
        }
    }

    
}