import { type CSSProperties, type SetStateAction, type Dispatch } from 'react';
type UseAnimatedPagePanelsProps = {
    setLayoutStyles: Dispatch<SetStateAction<CSSProperties | undefined>>;
};
/** Hook providing a function to animate conditionally rendered panels from one state to another. */
export declare function useAnimatedPagePanels({ setLayoutStyles, }: UseAnimatedPagePanelsProps): {
    containerRef: (node: HTMLDivElement) => void;
    animatePagePanels: (gridTemplateAreas: string, gridTemplateAreasStart: string, gridTemplateColumns: string, gridTemplateColumnsStart: string, gridTemplateColumnsEnd: string, addedPanels?: number, animationsDisabled?: boolean) => void;
};
export {};