import { MotionValue } from 'framer-motion';
import { RefObject } from 'react';
declare class ScrollableParentStore {
    props: {
        ref: RefObject<HTMLElement>;
    };
    shouldScrollIntersect: boolean;
    scrollIntersectionState: {
        ready: boolean;
        scrollProgress: MotionValue<number>;
        measurements: Map<number, {
            offset: number;
            width: number;
            total: number;
        }>;
        elements: HTMLElement[];
    };
    setScrollOffset(index: number): void;
    startIntersection(): void;
}
export declare const ScrollableParentContext: {
    Context: import("react").Context<ScrollableParentStore>;
    ProvideStore: ({ value, children }: {
        value: ScrollableParentStore;
        children: any;
    }) => JSX.Element;
    Provider: ({ children, ...props }: {
        ref: RefObject<HTMLElement>;
    } & {
        children: any;
    }) => JSX.Element;
    useCreateStore(props?: false | {
        ref: RefObject<HTMLElement>;
    }, opts?: import("@o/use-store").UseStoreOptions): ScrollableParentStore;
    useStore(options?: import("@o/use-store").UseStoreOptions): ScrollableParentStore;
};
export declare const useScrollableParent: () => ScrollableParentStore;
declare type ScrollableIntersectionProps = {
    scrollableParent: ScrollableParentStore;
    direction: 'x' | 'y';
};
export declare function ScrollableIntersection(props: ScrollableIntersectionProps): any;
export {};
//# sourceMappingURL=ScrollableParentStore.d.ts.map