import { default as React, ReactNode } from 'react';
import { Theme } from '@principal-ade/industry-theme';
export interface AnimatedResizableLayoutProps {
    /** Content for the left panel */
    leftPanel: ReactNode;
    /** Content for the right panel */
    rightPanel: ReactNode;
    /** Which side is collapsible */
    collapsibleSide?: 'left' | 'right';
    /** Default size of the collapsible panel (0-100) */
    defaultSize?: number;
    /** Minimum size of the collapsible panel when expanded (0-100) */
    minSize?: number;
    /** CSS class for the layout container */
    className?: string;
    /** Whether the panel is initially collapsed */
    collapsed?: boolean;
    /** Additional styles to apply to the container */
    style?: React.CSSProperties;
    /** Whether to show the collapse/expand toggle button */
    showCollapseButton?: boolean;
    /** Animation duration in milliseconds */
    animationDuration?: number;
    /** Animation easing function */
    animationEasing?: string;
    /** Callback fired when collapse starts */
    onCollapseStart?: () => void;
    /** Callback fired when collapse completes */
    onCollapseComplete?: () => void;
    /** Callback fired when expand starts */
    onExpandStart?: () => void;
    /** Callback fired when expand completes */
    onExpandComplete?: () => void;
    /** Theme object for customizing colors */
    theme: Theme;
}
/**
 * AnimatedResizableLayout - Combines react-resizable-panels with smooth animations
 * Supports both manual dragging to resize AND smooth animations for collapse/expand
 */
export declare const AnimatedResizableLayout: React.FC<AnimatedResizableLayoutProps>;
//# sourceMappingURL=AnimatedResizableLayout.d.ts.map