import type { RefObject } from "react";
export interface IUseIOProps {
    /** Функция, вызываемая при попадании элемента во viewPort */
    callback: IntersectionObserverCallback;
    /** Референс элемента */
    ref?: RefObject<Element | null>;
    /** Массив зависимостей */
    deps?: unknown[];
    /** Конфигурация наблюдателя */
    options?: IntersectionObserverInit;
}
export interface IUseIOReturn {
    /** Экземпляр IntersectionObserver */
    observer: IntersectionObserver | null;
    /** Функция для установки наблюдателя */
    setObserver: (observer: IntersectionObserver | null) => void;
}
/**
 * Добавляет `IntersectionObserver` для компонента
 * @returns {IUseIOReturn} Возвращает созданный `IntersectionObserver` (или `null`) и функцию `setObserver` для ручного обновления экземпляра.
 * @example
 * import { useRef } from "react";
 * import { useIO } from "@delement/ui/utils/react";
 *
 * const App = () => {
 *
 *   const ref = useRef(null);
 *   const { observer, setObserver } = useIO({ ref, callback: (e) => console.debug(e) });
 *
 *   useEffect(() => {
 *     if (observer) {
 *        observer.observe(ref.current);
 *        return () => observer.unobserve(ref.current);
 *     }
 *   }, [ observer ]);
 *
 *   return <div ref={ref} />
 * }
 */
export declare const useIO: (props: IUseIOProps) => IUseIOReturn;