import type { ReactNode } from 'react';
export interface DnDevHeaderProps {
    /** Start slot - ReactNode from preset or consumer override */
    start?: ReactNode | null;
    /** Center slot - ReactNode from preset or consumer override */
    center?: ReactNode | null;
    /** End slot - ReactNode from preset or consumer override */
    end?: ReactNode | null;
}
/**
 * DnDevHeader - Header zone with smart defaults
 *
 * Layout: start (start-aligned) | center (absolutely centered) | end (end-aligned)
 * Center is absolutely positioned overlay, independent of start/end content.
 *
 * @critical The `<header>` MUST have `role="banner"` and className `"header"`.
 * ALL header CSS in layout-variables.css targets `header[role='banner']`.
 * The inner divs MUST use classNames `"header-start"`, `"header-center"`, `"header-end"`.
 * Removing or renaming any of these silently breaks header layout, spacing, visibility,
 * and preset-specific rules (e.g. landing compact mode, mergedBar hiding).
 * DO NOT change role, tag, or classNames.
 */
declare function DnDevHeaderComponent({ start, center, end, }: DnDevHeaderProps): ReactNode;
export declare const DnDevHeader: import("react").MemoExoticComponent<typeof DnDevHeaderComponent>;
export {};
//# sourceMappingURL=DnDevHeader.d.ts.map