// @ts-check
import WebComponent from "../src/WebComponent.js";

export class Toggle extends WebComponent {
  static properties = ["toggle"];
  onInit() {
    this.props.toggle = false;
    this.onclick = ()=>this.handleToggle()
  }
  handleToggle() {
      this.props.toggle = !this.props.toggle;
  }
  get template() {
    return `<button id="toggle">${this.props.toggle ? 'On':'Off'}</button>`;
  }
}

customElements.define("my-toggle", Toggle);