import { RefObject } from 'react';
export type UseOnScreen = (ref: RefObject<HTMLElement>, options?: {
    rootMargin?: string;
    threshold?: number | number[];
}) => boolean;
/**
 * Custom React hook to detect whether an element is within the viewport.
 *
 * @param {RefObject<HTMLElement>} ref - Reference object for the target element to observe.
 * @param {object} [options] - Options for configuring the IntersectionObserver.
 * @param {string} [options.rootMargin='0px'] - Margin around the root (viewport) to track intersections.
 * @param {number | number[]} [options.threshold] - A single threshold value or an array of threshold values
 *        which indicate the percentage of the target element's visibility needed to trigger the callback.
 *
 * @returns {boolean} - Boolean value indicating whether the target element is currently visible in the viewport.
 */
declare const useOnScreen: UseOnScreen;
export default useOnScreen;
