/**
 * Legacy mobile drawer with three states: closed (0), small (1), large (2).
 * Includes toggle button to switch between small and large.
 * Use mobile-drawer.tsx for the simplified closed/open-only version.
 */
import React, { type ReactNode } from "react";
import { CSSProperties } from "react";
export interface MobileDrawerLegacyProps {
    children: ReactNode;
    isOpen: boolean;
    onOpenChange: (isOpen: boolean) => void;
    className?: string;
    style?: CSSProperties;
    minHeightRatio?: number;
    maxHeightRatio?: number;
    onStateChange?: (state: 0 | 1 | 2) => void;
}
export type MobileDrawerLegacyState = 0 | 1 | 2;
export declare const MobileDrawerLegacy: ({ children, isOpen, onOpenChange, className, style, minHeightRatio, maxHeightRatio, onStateChange, }: MobileDrawerLegacyProps) => React.ReactPortal | null;