import { default as React, ReactNode } from 'react';
import { Theme } from '@principal-ade/industry-theme';
export interface AnimatedVerticalLayoutProps {
    /** Content for the top panel */
    topPanel: ReactNode;
    /** Content for the bottom panel */
    bottomPanel: ReactNode;
    /** Which panels are collapsible */
    collapsiblePanels?: {
        top?: boolean;
        bottom?: boolean;
    };
    /** Default sizes for each panel (0-100) */
    defaultSizes?: {
        top: number;
        bottom: number;
    };
    /** Minimum sizes for each panel when expanded (0-100) */
    minSizes?: {
        top: number;
        bottom: number;
    };
    /** CSS class for the layout container */
    className?: string;
    /** Initial collapsed state for panels */
    collapsed?: {
        top?: boolean;
        bottom?: boolean;
    };
    /** Additional styles to apply to the container */
    style?: React.CSSProperties;
    /** Whether to show the collapse/expand toggle buttons */
    showCollapseButtons?: boolean;
    /** Animation duration in milliseconds */
    animationDuration?: number;
    /** Animation easing function */
    animationEasing?: string;
    /** Theme object for customizing colors */
    theme: Theme;
    /** Callbacks for panel events */
    onTopCollapseStart?: () => void;
    onTopCollapseComplete?: () => void;
    onTopExpandStart?: () => void;
    onTopExpandComplete?: () => void;
    onBottomCollapseStart?: () => void;
    onBottomCollapseComplete?: () => void;
    onBottomExpandStart?: () => void;
    onBottomExpandComplete?: () => void;
    onPanelResize?: (sizes: {
        top: number;
        bottom: number;
    }) => void;
}
/**
 * AnimatedVerticalLayout - Vertical version with both panels independently collapsible
 * Supports both manual dragging to resize AND smooth animations for collapse/expand
 */
export declare const AnimatedVerticalLayout: React.FC<AnimatedVerticalLayoutProps>;
//# sourceMappingURL=AnimatedVerticalLayout.d.ts.map