import React from 'react';
import { ViewProps, ScrollViewProps as RNScrollViewProps, StyleProp, ViewStyle } from 'react-native';
import { $DeepPartial } from '@callstack/react-theme-provider';
import { HeaderProps as PXBHeaderProps } from '../header';
export declare type CollapsibleLayoutProps = ViewProps & {
    /** Props to spread to the Header component. */
    HeaderProps: PXBHeaderProps;
    /** Props to spread to the ScrollView component. */
    ScrollViewProps?: RNScrollViewProps;
    /** Style overrides for internal elements. The styles you provide will be combined with the default styles. */
    styles?: {
        root?: StyleProp<ViewStyle>;
    };
    /** Theme value overrides specific to this component. */
    theme?: $DeepPartial<ReactNativePaper.Theme>;
};
/**
 * [CollapsibleHeaderLayout](https://pxblue-components.github.io/react-native/?path=/info/components-documentation--collapsible-header-layout) component
 *
 * This component displays a scrollable page with a header that shrinks between an expanded size and
 * a collapsed size as the page is scrolled. It uses a standard [`Header`](https://pxblue-components.github.io/react-native/?path=/info/components-documentation--header)
 * and `ScrollView` component under the hood and
 * you can set all of the props directly to these components in order to configure them. The layout itself
 * is primarily responsible for tracking the current scroll position and updating the size of the `Header`.
 */
export declare const CollapsibleHeaderLayout: React.FC<CollapsibleLayoutProps>;