import { Component, ReactNode, ErrorInfo } from 'react';
import { KeycloakError } from '../errors/keycloak-errors.js';
export interface ErrorBoundaryProps {
    /**
     * Content to render when no error has occurred
     */
    children: ReactNode;
    /**
     * Optional fallback UI to render instead of the default error display
     */
    fallback?: (error: KeycloakError, reset: () => void) => ReactNode;
    /**
     * Callback function called when an error is caught
     */
    onError?: (error: KeycloakError, errorInfo: ErrorInfo) => void;
    /**
     * Callback function called when the error boundary is reset
     */
    onReset?: () => void;
}
export interface ErrorBoundaryState {
    error: KeycloakError | null;
}
/**
 * React Error Boundary component for catching and displaying Keycloak errors.
 *
 * @example
 * ```tsx
 * <ErrorBoundary onError={(error) => console.error(error)}>
 *   <YourApp />
 * </ErrorBoundary>
 * ```
 *
 * @example With custom fallback
 * ```tsx
 * <ErrorBoundary
 *   fallback={(error, reset) => (
 *     <div>
 *       <h1>Something went wrong</h1>
 *       <p>{error.userMessage}</p>
 *       <button onClick={reset}>Try again</button>
 *     </div>
 *   )}
 * >
 *   <YourApp />
 * </ErrorBoundary>
 * ```
 */
export declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
    constructor(props: ErrorBoundaryProps);
    static getDerivedStateFromError(error: Error): ErrorBoundaryState;
    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
    reset: () => void;
    render(): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
}
//# sourceMappingURL=error-boundary.d.ts.map