import { Controller } from "@hotwired/stimulus"


export default class extends Controller {
  static targets = ["expandableContentLink", "expandableContentArea"]

  connect() {
  }

  rotateChevron(ev) {
    ev.preventDefault()
    let parent_button = ev.target.closest("button")
    let icon = parent_button.querySelector("span")
    if (icon.style.transform === "rotate(90deg)") {
      icon.style.transform = "rotate(0deg)"
    } else {
      icon.style.transform = "rotate(90deg)"
    }
  }

  expandSection(ev) {
    ev.preventDefault()
    this.rotateChevron(ev)
    this.expandableContentAreaTarget.classList.toggle("hidden")
  }
};