import { useInView } from "react-intersection-observer";
import { MemoDataProvider } from "../MemoDataProvider/MemoDataProvider";
export function InViewContextProvider({ contextName, className, style, root, rootMargin, threshold, triggerOnce, initialInView, fallbackInView, onChange, children, }) {
    const { ref, inView } = useInView({
        root,
        rootMargin,
        threshold,
        triggerOnce,
        initialInView,
        fallbackInView,
        onChange,
    });
    return (<div ref={ref} className={className} style={style}>
      <MemoDataProvider name={contextName} data={inView} deps={[inView]}>
        {children}
      </MemoDataProvider>
    </div>);
}
//# sourceMappingURL=InViewContextProvider.jsx.map