import { WebComponent, html } from "../../src/index.js";

class Toggle extends WebComponent {
  static props = {
    toggle: false,
  };
  get template() {
    return html`
      <button onClick=${() => (this.props.toggle = !this.props.toggle)}>
        ${this.props.toggle}
      </button>
    `;
  }
}

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