import { Controller } from "stimulus";

document.addEventListener("turbolinks:before-cache", () =>
  document.getElementById("flash").remove()
);

export default class extends Controller {
  connect() {
    setTimeout(this.fadeout.bind(this), 3000);
  }

  fadeout() {
    this.element.classList.add("animate-hide-500");
    setTimeout(this.close.bind(this), 500);
  }

  close() {
    this.element.remove();
  }
}