"use client";

import { useEffect } from "react";
import { footerData } from "@/data/shared/footerData";

export default function ScrollToTopButton() {
  useEffect(() => {
    const scrollToTop = () => {
      window.scrollTo({
        top: 0,
        behavior: "smooth",
      });
    };

    const button = document.getElementById("scrollTopBtn");
    if (button) {
      button.addEventListener("click", scrollToTop);
    }

    return () => {
      if (button) {
        button.removeEventListener("click", scrollToTop);
      }
    };
  }, []);

  return (
    <button id="scrollTopBtn">
      <img
        src={footerData.scrollTopButton.iconSrc}
        alt={footerData.scrollTopButton.alt}
        width={16}
        height={16}
      />
    </button>
  );
}