import React from 'react';
export interface DialogProps {
    /**
     * Whether the dialog is open
     */
    isOpen: boolean;
    /**
     * Callback when the dialog should close
     */
    onClose: () => void;
    /**
     * The dialog title
     */
    title: string;
    /**
     * The dialog content
     */
    children: React.ReactNode;
    /**
     * Footer content (typically action buttons)
     */
    footer?: React.ReactNode;
    /**
     * Whether to show a close button
     */
    showCloseButton?: boolean;
    /**
     * Whether clicking outside closes the dialog
     */
    closeOnBackdropClick?: boolean;
}
/**
 * Dialog (Modal) component with backdrop and keyboard handling
 *
 * @example
 * ```tsx
 * <Dialog
 *   isOpen={isOpen}
 *   onClose={() => setIsOpen(false)}
 *   title="Confirm Action"
 * >
 *   Are you sure?
 *   <DialogFooter>
 *     <Button onClick={onClose}>Cancel</Button>
 *     <Button variant="danger" onClick={onConfirm}>Delete</Button>
 *   </DialogFooter>
 * </Dialog>
 * ```
 */
export declare const Dialog: React.ForwardRefExoticComponent<DialogProps & React.RefAttributes<HTMLDivElement>>;
/**
 * Helper component for dialog footer actions
 */
export declare const DialogFooter: React.FC<{
    children: React.ReactNode;
}>;
//# sourceMappingURL=Dialog.d.ts.map