import { Controller } from "@hotwired/stimulus"

export default class extends Controller {
  static targets = ["checkbox", "panel"]

  connect() {
    this.sync()
  }

  toggle() {
    this.sync()
  }

  sync() {
    if (!this.hasCheckboxTarget) return

    const on = this.checkboxTarget.checked
    this.panelTargets.forEach((el) => el.classList.toggle("hidden", !on))
  }
}