{
  class BuckeyeAlert {
    constructor(settings) {
      this.settings = {
        url: "https://www.osu.edu/feeds/emergency-alert.rss",
        callback: () => {},
        ...settings,
      };
      this.element = document.getElementById("bux-buckeye-alert");
      this.wrapper = document.getElementsByClassName("bux-buckeye-alert__wrapper")[0];
        if (this.element) {
            this.element.setAttribute("hidden", "");
        }
        if (this.wrapper) {
            this.wrapper.setAttribute("hidden", "");
        }
    }

    initialize() {
      fetch(this.getURL())
        .then((response) => response.text())
        .then((xmlString) => new window.DOMParser().parseFromString(xmlString, "text/xml"))
        .then((data) => {
          const alerts = data.querySelectorAll("item");
          if (alerts.length > 0) {
            this.buildAlerts(alerts);
            this.displayAlerts();
            this.settings.callback();
          }
        })
        .catch((error) => {
          console.error("Error fetching Buckeye Alerts:", error);
        });
    }

    getElement() {
      return this.element;
    }

    getURL() {
      return this.settings.url;
    }

    buildAlerts(alerts) {
      const element = this.getElement();
      const container = document.createElement("div");
      const icon = document.createElement("div");
      const heading = document.createElement("h2");
      container.classList.add("bux-buckeye-alert-container");
      icon.classList.add("bux-buckeye-alert-container__icon");
      container.appendChild(icon);
      container.appendChild(heading);
      heading.id = "buckeye-alert-title";
      heading.innerText = "Buckeye Alert Emergency Message";
      alerts.forEach((alert) => {
        const [, , description] = alert.children;
        const { textContent: message } = description;
        container.innerHTML += message;
      });
      element.appendChild(container);
    }

    displayAlerts() {
      const element = this.getElement();
      const wrapper = element.parentElement;
      element.removeAttribute("hidden");
      wrapper.removeAttribute("hidden");
    }
  }
}