import { ReactNode } from "react";
type ResizablePanelProps = {
    children: ReactNode;
    className?: string;
    /**
     * When provided, the panel only *tweens* its height when this key changes
     * (i.e. a step/view transition). For every other height change — an
     * accordion opening, a quote loading, a wallet list expanding — it snaps to
     * the new size instantly and lets the inner element run its own animation.
     *
     * This is the fix for the deposit jitter: stacking a height tween here on
     * top of an inner one (the accordion animates its own height) made the two
     * fight through ResizeObserver — the panel lagged the content and clipped
     * whatever sat below the growing element (the Continue button). Snapping
     * keeps the panel exactly the size of its content every frame, so the inner
     * animation reads cleanly and nothing is clipped.
     *
     * Omit it to keep the original "animate any height change" behaviour.
     */
    transitionKey?: string | number;
};
export default function ResizablePanel({ children, className, transitionKey }: ResizablePanelProps): import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=ResizablePanel.d.ts.map