import { type ComponentPropsWithoutRef, type ReactNode } from "react";
export type DrawerSize = "sm" | "md" | "lg" | "xl";
export interface DrawerProps extends Omit<ComponentPropsWithoutRef<"aside">, "title" | "children"> {
    title?: ReactNode;
    subtitle?: ReactNode;
    onClose?: () => void;
    children?: ReactNode;
    footer?: ReactNode;
    /** Width preset. `sm: 320 / md: 420 / lg: 560 / xl: 720`. Override with
     * an explicit `width` number/CSS length if a size doesn't fit. */
    size?: DrawerSize;
    /** Explicit width. Overrides `size`. */
    width?: number | string;
    /** Drawer height. Defaults to 100% of the parent. */
    height?: number | string;
    /** Accessible label for the close button. Defaults to `"Close"`. */
    closeLabel?: string;
}
/**
 * Inline drawer / detail panel — not a portaled overlay.
 * Use `SlideoutPanel` for overlay + focus-trap UX.
 */
export declare const Drawer: import("react").ForwardRefExoticComponent<DrawerProps & import("react").RefAttributes<HTMLElement>>;
//# sourceMappingURL=Drawer.d.ts.map