import { default as React, Component, ErrorInfo, ReactNode } from 'react';
export interface ErrorBoundaryProps {
    /** Custom fallback UI or render function */
    fallback?: ReactNode | ((error: Error, retry: () => void) => ReactNode);
    /** Callback when error is caught */
    onError?: (error: Error, errorInfo: ErrorInfo) => void;
    /** Children to render */
    children: ReactNode;
    /** Component name for error context */
    componentName?: string;
}
interface ErrorBoundaryState {
    hasError: boolean;
    error: Error | null;
}
/**
 * ErrorBoundary - Catches and handles component errors gracefully
 *
 * @example
 * ```tsx
 * <ErrorBoundary
 *   fallback={<ErrorCard message="Failed to load" />}
 *   onError={(error) => logError(error)}
 * >
 *   <SpacecraftCard {...props} />
 * </ErrorBoundary>
 * ```
 *
 * @example
 * ```tsx
 * <ErrorBoundary
 *   fallback={(error, retry) => (
 *     <div>
 *       <p>Error: {error.message}</p>
 *       <button onClick={retry}>Retry</button>
 *     </div>
 *   )}
 * >
 *   <TelemetryCard {...props} />
 * </ErrorBoundary>
 * ```
 */
export declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
    constructor(props: ErrorBoundaryProps);
    static getDerivedStateFromError(error: Error): ErrorBoundaryState;
    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
    handleRetry: () => void;
    render(): ReactNode;
}
/**
 * Wraps a component with an ErrorBoundary
 *
 * @example
 * ```tsx
 * const SafeSpacecraftCard = withErrorBoundary(SpacecraftCard, {
 *   componentName: 'SpacecraftCard',
 *   onError: (error) => logError(error),
 * });
 * ```
 */
export declare function withErrorBoundary<P extends object>(Component: React.ComponentType<P>, options?: Omit<ErrorBoundaryProps, "children">): React.FC<P>;
export {};