import type { ReactNode } from 'react';
export interface DnDevMergedBarProps {
    /** Bar position */
    position: 'top' | 'bottom';
    /** Bar height (default: CSS uses var(--header-height) for top, 48px for bottom) */
    height?: string;
    /** Trigger slot - ReactNode from preset or consumer override */
    trigger?: ReactNode | null;
    /** Top slot - ReactNode from preset or consumer override */
    top?: ReactNode | null;
    /** Content slot - ReactNode from preset or consumer override */
    content?: ReactNode | null;
    /** Bottom slot - ReactNode from preset or consumer override */
    bottom?: ReactNode | null;
}
/**
 * DnDevMergedBar - Mobile navigation zone
 *
 * Renders position:fixed bar that CSS toggles.
 * Slots are customizable per-preset with smart defaults:
 * - trigger: What shows in the fixed bar (default: header.start or AppBranding)
 * - top/content/bottom: Sheet content (default: derived from sidebar)
 *
 * @critical The outer `<div>` MUST have className `"merged-bar"` and `data-position`.
 * ALL mergedBar CSS in layout-variables.css targets `.merged-bar` and `.merged-bar[data-position]`.
 * This controls: position:fixed placement, display:none/flex toggling per preset + breakpoint,
 * safe area padding, border, and z-index. Inner divs MUST keep `"merged-bar-trigger"`,
 * `"merged-bar-sheet-content"`, `"merged-bar-sheet-scroll"` classNames.
 * DO NOT change classNames or data attributes.
 */
declare function DnDevMergedBarComponent({ position, height, trigger, top, content, bottom, }: DnDevMergedBarProps): ReactNode;
export declare const DnDevMergedBar: import("react").MemoExoticComponent<typeof DnDevMergedBarComponent>;
export {};
//# sourceMappingURL=DnDevMergedBar.d.ts.map