import React from 'react';
/**
 * Props for the ConfirmDialog component
 */
export interface ConfirmDialogProps {
    /**
     * Whether the dialog is currently open and visible to the user.
     * Controls the dialog's visibility state.
     */
    isOpen: boolean;
    /**
     * Callback function triggered when the dialog should be closed.
     * Called on backdrop click, escape key press, or cancel button click.
     */
    onClose: () => void;
    /**
     * Callback function triggered when the user confirms the action.
     * The dialog will automatically close after this callback is executed.
     */
    onConfirm: () => void;
    /**
     * Title displayed in the dialog header.
     * Should be concise and clearly indicate the action being confirmed.
     */
    title: string;
    /**
     * Main message content explaining the action and its consequences.
     * Can include warnings or additional context for the user.
     */
    message: string;
    /**
     * Custom text for the confirm button.
     * Should be action-oriented (e.g., "Delete", "Save", "Continue").
     * @default "Confirm"
     */
    confirmText?: string;
    /**
     * Custom text for the cancel button.
     * Should indicate the safe/default action.
     * @default "Cancel"
     */
    cancelText?: string;
    /**
     * Visual variant of the confirm button indicating action severity.
     * - `primary`: Standard confirmation (blue)
     * - `secondary`: Neutral action (gray)
     * - `danger`: Destructive action (red)
     * @default "danger"
     */
    confirmVariant?: 'primary' | 'secondary' | 'danger';
    /**
     * Optional icon to display in the dialog header.
     * Typically used for warning, error, or information icons.
     * Icon will be colored red for visual emphasis.
     */
    icon?: React.ReactNode;
}
/**
 * ConfirmDialog component displays a modal confirmation dialog
 *
 * Features:
 * - Consistent modal styling with other components
 * - Support for light/dark theming
 * - Customizable buttons and text
 * - Escape key handling to close
 * - Backdrop click to close
 * - Basic accessibility attributes
 * - Focus management
 *
 * @example
 * // Basic deletion confirmation
 * <ConfirmDialog
 *   isOpen={showDeleteDialog}
 *   onClose={() => setShowDeleteDialog(false)}
 *   onConfirm={handleDeleteMessage}
 *   title="Delete Message"
 *   message="Are you sure you want to delete this message? This action cannot be undone."
 * />
 *
 * @example
 * // Custom styling with icon
 * <ConfirmDialog
 *   isOpen={showLogoutDialog}
 *   onClose={() => setShowLogoutDialog(false)}
 *   onConfirm={handleLogout}
 *   title="Sign Out"
 *   message="Are you sure you want to sign out of your account?"
 *   confirmText="Sign Out"
 *   cancelText="Stay Signed In"
 *   confirmVariant="primary"
 *   icon={<Icon name="logout" />}
 * />
 *
 * @example
 * // Warning dialog
 * <ConfirmDialog
 *   isOpen={showWarning}
 *   onClose={() => setShowWarning(false)}
 *   onConfirm={handleProceed}
 *   title="Unsaved Changes"
 *   message="You have unsaved changes. Are you sure you want to leave this page?"
 *   confirmText="Leave Page"
 *   cancelText="Stay Here"
 *   confirmVariant="danger"
 *   icon={<Icon name="warning" />}
 * />
 * @see {@link Button} - For button styling variants
 * @see {@link Icon} - For available icon options
 */
export declare const ConfirmDialog: ({ isOpen, onClose, onConfirm, title, message, confirmText, cancelText, confirmVariant, icon, }: ConfirmDialogProps) => import("react/jsx-runtime").JSX.Element | undefined;