import { MotionStyle } from 'framer-motion';
import { AppBarSharedProps } from '../components/appbar';
export type UseAppBarOptions = AppBarSharedProps;
export declare const useAppBar: (options: UseAppBarOptions & {
    appBarColor?: "background" | "card" | "primary" | "secondary" | "surface-container" | "transparent";
}) => {
    isScrolled: boolean;
    contentPaddingTop: number;
    headerProps: {
        style: MotionStyle;
    };
    mainRowProps: {
        ref: import('react').RefObject<HTMLDivElement | null>;
        style: {
            height: number | import('motion-dom').MotionValue<number>;
        };
    };
    largeContentProps: {
        ref: import('react').RefObject<HTMLDivElement | null>;
        style: MotionStyle;
    };
    childrenContainerProps: {
        style: {
            opacity: number | import('motion-dom').MotionValue<number>;
        };
    };
    smallHeaderProps: {
        style: {
            opacity: import('motion-dom').MotionValue<number>;
        };
    };
    finalColor: "primary" | "secondary" | "background" | "surface-container" | "transparent" | "card";
    finalShadow: "md" | "none";
    isCollapsible: boolean;
    shouldRenderLargeContent: boolean;
};
