import type { LayoutChangeEvent, NativeScrollEvent, NativeSyntheticEvent } from 'react-native';
/**
 * Fades a scrolling list into the modal surface at one edge. Uses
 * react-native-svg since RN has no CSS gradient. Pair with
 * `useScrollEdgeFades` to decide when each edge shows.
 */
export declare function ScrollFade({ edge, color, id, }: {
    edge: 'top' | 'bottom';
    color: string;
    /** Gradient id prefix — must be unique per screen on one mounted tree. */
    id: string;
}): import("react").JSX.Element;
/**
 * Tracks which edges of a `ScrollView` still have content beyond them, for
 * `ScrollFade`. Spread `scrollProps` onto the `ScrollView`.
 *
 * A caller wanting the scroll position too passes its own handler in rather
 * than merging one over `scrollProps.onScroll`: the merged object would be
 * new on every render, and gorhom hands `onScroll` to reanimated as a
 * dependency — a fresh one tears the native scroll handler down and registers
 * it again, mid-scroll, on the thread doing the scrolling.
 */
export declare function useScrollEdgeFades(onScrolled?: (event: NativeSyntheticEvent<NativeScrollEvent>) => void): {
    showTopFade: boolean;
    showBottomFade: boolean;
    scrollProps: {
        onScroll: (e: NativeSyntheticEvent<NativeScrollEvent>) => void;
        onLayout: (e: LayoutChangeEvent) => void;
        onContentSizeChange: (_w: number, h: number) => void;
    };
};
//# sourceMappingURL=ScrollFade.d.ts.map