import { Component, type ReactNode } from 'react';
/**
 * Catches a part of the page that crashes, and shows "Something went wrong …
 * Your data is safe — try again." with a Try again button in its place, so the
 * rest of the app keeps working. Try again draws that part again.
 *
 * Moved in from Peek as it was (UIG-14, D3, Katerina 19 September), where one
 * wrapped each panel and the whole app. `ListColumn` holds one of its own.
 */
export interface ErrorBoundaryProps {
    children: ReactNode;
    /** What it holds, said in the message and the console line: "Something went wrong in the {label}." */
    label?: string;
    /** The room the message fills where no flex column holds it — the whole screen, for the app's own. */
    fallbackClassName?: string;
    /** Draws the message inside a frame of yours, in the same place: `ListColumn` keeps its title this way. */
    frame?: (message: ReactNode) => ReactNode;
}
interface ErrorBoundaryState {
    hasError: boolean;
}
/** Keeps a crash inside what it holds: the rest of the page keeps working, and Try again draws it again. */
export declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
    state: ErrorBoundaryState;
    static getDerivedStateFromError(): ErrorBoundaryState;
    componentDidCatch(error: unknown, info: {
        componentStack?: string | null;
    }): 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.Element | null | undefined;
}
export {};
//# sourceMappingURL=ErrorBoundary.d.ts.map