/**
 * DialogOverlay & DialogButton Components
 *
 * Centered modal dialog wrapper with embedded title/footer in borders.
 * Provides consistent visual chrome for all dialog types.
 *
 * @since v2.7.4 - New dialog system
 */
import type React from 'react';
import type { ReactNode } from 'react';
export interface DialogOverlayProps {
    children: ReactNode;
    title: string;
    variant?: 'default' | 'danger' | 'success' | 'info';
    widthPercent?: number;
    footer?: string;
}
export interface DialogButtonProps {
    label: string;
    shortcut?: string;
    selected?: boolean;
    variant?: 'default' | 'primary' | 'danger';
}
export declare function DialogOverlay({ children, title, variant, widthPercent, footer }: DialogOverlayProps): React.ReactElement;
export declare function DialogButton({ label, shortcut, selected, variant }: DialogButtonProps): React.ReactElement;
//# sourceMappingURL=DialogOverlay.d.ts.map