import { Controller } from "@hotwired/stimulus"

export default class extends Controller {
  static targets = ["modal", "button"]

  connect() {
    this.modalTarget.classList.add("hidden")
    this.buttonTarget.classList.remove("hidden")
  }

  open(event) {
    event.preventDefault()
    this.modalTarget.classList.remove("hidden")
  }

  close(event) {
    if (event.target === this.modalTarget) {
      this.modalTarget.classList.add("hidden")
    }
  }

  closeWithButton() {
    this.modalTarget.classList.add("hidden")
  }
}