import { useEffect, useState } from "react";
import { observe } from "react-intersection-observer";
export function useScrollSpy(
 ids: string[],
 options: IntersectionObserverInit
): string | undefined {
 const [activeId, setActiveId] = useState<string | undefined>();
 useEffect(() => {
 const elements = ids.map((id) => document.getElementById(id));
 elements.forEach((el) => {
 if (el) {
 const destroy = observe(
 el,
 (inView, entry) => setActiveId(entry.target.id),
 options
 );
 // destroy();
 }
 });
 }, [ids, options]);
 return activeId;
}