(() => {
  const { actions, EventManager, utils } = ShopbySkin;

  const bannerId = document.currentScript.getAttribute("shopby-banner-id");

  if (bannerId) {
    actions?.getBannerById?.({ bannerId });
  }

  // 배너 네비게이션 커스텀 스타일 추가

  const { addClass } = utils;

  const addNavigationClass = () => {
    const bannerPrev = document.querySelector(".swiper-button-prev");
    const bannerNext = document.querySelector(".swiper-button-next");

    if (bannerPrev && bannerNext) {
      addClass(bannerPrev, "custom-navigation-prev");
      addClass(bannerNext, "custom-navigation-next");
    }
  };

  const getCustomType =
    document.currentScript.getAttribute("shopby-custom-type");

  //커스텀 타입에 따른 디자인 변경 이벤트
  EventManager.on("PAGE_LOAD_COMPLETED", () => {
    if (getCustomType === "navigation") addNavigationClass();
  });
})();