import { Controller } from "@hotwired/stimulus"
import { useTransition } from "stimulus-use"

/**
 * Alert Controller
 *
 * Cuando hay información en el objeto Flash de Rails se muestra con una animación
 * el mensaje y desaparece solo después de 10 segundos o cerrándolo con la X.
 */

export default class extends Controller {
  static targets = ["alert"];

  connect() {
    let element = this.element;
    if (this.hasAlertTarget) {
      element = this.alertTarget
    }
    useTransition(this, { element: element })

    this.enter()

    setTimeout(this.close.bind(this), 10000)
  }

  close() {
    this.leave()
  }
}