import { type CSSProperties, type RefObject } from 'react';
type Options = {
    /** Enable sticky behavior only while this media query matches. */
    mediaQuery?: string;
    /** Extra inset below the scrollport edge or boundary, in pixels. */
    offset?: number;
    min?: number;
    includeMarginTop?: boolean;
    /** Header whose bottom edge the sticky element must stay below. */
    boundaryRef?: RefObject<HTMLElement | null>;
    /** Optional additional element whose resizing affects the layout. */
    watchRef?: RefObject<HTMLElement | null>;
    /** Breathing room below the inner scrollable content, in pixels. */
    bottomOffset?: number;
};
export declare function useStickyLayout<T extends HTMLElement>(ref: RefObject<T | null>, { mediaQuery, offset, min, includeMarginTop, boundaryRef, watchRef, bottomOffset, }?: Options): {
    top: number;
    style: CSSProperties;
    viewportStyle: CSSProperties;
    recompute: () => void;
};
export {};