import type { ReactNode } from "react";
export type LoadingAndErrorWrapperProps = {
    className?: string;
    error: any;
    loading: any;
    /** Component that indicates that data is loading, for example a spinner */
    loader?: ReactNode;
    noBackground?: boolean;
    noWrapper?: boolean;
    children?: ReactNode;
    style?: object;
    showSpinner?: boolean;
    loadingMessages?: string[];
    messageInterval?: number;
    loadingScenes?: string[];
    renderError?: (error: any) => ReactNode;
    "data-testid"?: string;
};
/**
 * A loading/error display component that waits a bit before appearing
 * @see https://metaboat.slack.com/archives/C02H619CJ8K/p1709558533499399
 */
export declare const DelayedLoadingAndErrorWrapper: ({ error, loading, delay, loader, children, ...props }: {
    delay?: number;
} & LoadingAndErrorWrapperProps) => string | number | true | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element;
