import { ModalProps, WithChildrenProp } from '@codecademy/gamut';
import * as React from 'react';
import { EnhancedBannerProps } from '../Banner/EnhancedBanner';
import { GlobalFooterProps } from '../GlobalFooter';
import { GlobalHeaderProps } from '../GlobalHeader';
type ErrorContext = {
    message?: string;
    [k: string]: any;
};
type LogErrorContextType = {
    logError?: (error: unknown, context?: ErrorContext | string) => void;
};
export declare const LogErrorContext: React.Context<LogErrorContextType>;
export type GlobalPageBackgroundColor = 'beige' | 'background' | 'background-contrast' | 'navy' | 'paleBlue' | 'paleGreen' | 'palePink' | 'paleYellow' | 'white';
export interface GlobalPageProps extends WithChildrenProp {
    backgroundColor?: GlobalPageBackgroundColor;
    /**
     * Props directly passed to the Banner.
     */
    banner?: EnhancedBannerProps;
    /**
     * Element type to render around the children.
     */
    contentAs?: 'div' | 'main';
    /**
     * Props directly passed to the GlobalFooter.
     */
    footer?: GlobalFooterProps;
    /**
     * Props directly passed to the GlobalHeader.
     */
    header: GlobalHeaderProps;
    /**
     * Props directly passed to the Modal.
     */
    modal?: ModalProps;
    /**
     * Custom element ID to link to by the SkipToContent control, if not a default one at the beginning of the page.
     */
    skipToContentId?: string;
    /**
     * Temporary function called with error and context when an error occurs to
     * help with debugging.
     */
    onError?: (error: unknown, context?: ErrorContext | string) => void;
}
export declare const GlobalPage: React.FC<GlobalPageProps>;
export {};