class App {
  constructor() {
    this.render();
    this.$userMessage = document.getElementById("user-message");
    this.checkAuth();
  }

  checkAuth() {
    const user = true;
    if (user) {
      this.$userMessage.textContent = "Welcome back!";
    } else {
      this.$userMessage.textContent = "You must sign in!";
      this.$userMessage.style.color = "red";
    }
  }

  render() {
    document.getElementById("root").innerHTML = `
      <div>
        <span id="user-message"></span>
      </div>
    `;
  }
}

new App();