/**
 * TORUK Core's `ServerErrorPage` (`components/ServerErrorPage.jsx`, measured in
 * `useServerErrorPageStyles.js`), reproduced for the widget.
 *
 * The status number is the page's whole illustration: an outsized numeral behind the text, filled
 * with a gradient through the glyph rather than painted as a block, and stepped down four times so
 * it never overruns a narrow screen. Everything else is the same two-line message and the same
 * pair of controls Core offers.
 */
export declare const SERVER_ERROR_STATUS = "500";
/** The deployment is gone rather than unreachable; Core shows its own 404 the same way. */
export declare const NOT_FOUND_STATUS = "404";
/**
 * Core's `largeText`, stepped down as the page narrows.
 *
 * The widget steps on its own container rather than the viewport — the same page renders in a
 * full tab and in a 380px bubble on the same screen — so it carries two steps Core has no need
 * for. See `.toruk-server-error` in `index.css`.
 */
export declare const SERVER_ERROR_GLYPH: {
    readonly FONT_WEIGHT: 900;
    readonly SIZES: readonly [{
        readonly maxWidth: number;
        readonly fontSize: 800;
        readonly letterSpacing: -16;
    }, {
        readonly maxWidth: 1400;
        readonly fontSize: 600;
        readonly letterSpacing: -12;
    }, {
        readonly maxWidth: 900;
        readonly fontSize: 400;
        readonly letterSpacing: -8;
    }, {
        readonly maxWidth: 600;
        readonly fontSize: 250;
        readonly letterSpacing: -5;
    }, {
        readonly maxWidth: 480;
        readonly fontSize: 160;
        readonly letterSpacing: -3;
    }, {
        readonly maxWidth: 320;
        readonly fontSize: 110;
        readonly letterSpacing: -2;
    }];
    /** Core paints the numeral with a gradient clipped to the glyph, not a flat fill. */
    readonly GRADIENT_DARK: "linear-gradient(1.32deg, rgba(28, 28, 30, 1) 18.29%, rgba(217, 47, 32, 1) 102.63%, rgba(255, 255, 255, 0) 136.55%)";
    readonly GRADIENT_LIGHT: "linear-gradient(1.32deg, rgba(237, 239, 241, 0.1) 15.29%, rgba(217, 47, 32, 0.8) 55.63%, rgba(245, 68, 56, 1) 136.55%)";
};
/** Core's `heading` / `description` / `contentWrapper` / `textContainer` / `buttonsContainer`. */
export declare const SERVER_ERROR_LAYOUT: {
    readonly CONTENT_GAP: "24px";
    readonly TEXT_GAP: "12px";
    readonly BUTTONS_GAP: "24px";
    readonly HEADING_SIZE: "36px";
    readonly HEADING_LINE_HEIGHT: "44px";
    readonly HEADING_WEIGHT: 500;
    readonly HEADING_LETTER_SPACING: "-0.72px";
    readonly DESCRIPTION_SIZE: "18px";
    readonly DESCRIPTION_LINE_HEIGHT: "28px";
    readonly DESCRIPTION_WIDTH: "386px";
    readonly BUTTON_HEIGHT: "40px";
    readonly BUTTON_PADDING: "0 16px";
};
export declare const SERVER_ERROR_CLASS: {
    readonly ROOT: "toruk-server-error";
    readonly GLYPH: "toruk-server-error__glyph";
    readonly CONTENT: "toruk-server-error__content";
    readonly TEXT: "toruk-server-error__text";
    readonly HEADING: "toruk-server-error__heading";
    readonly DESCRIPTION: "toruk-server-error__description";
    readonly ACTIONS: "toruk-server-error__actions";
    readonly PRIMARY: "toruk-server-error__button toruk-server-error__button--primary";
    readonly SECONDARY: "toruk-server-error__button toruk-server-error__button--secondary";
};
export declare const SERVER_ERROR_KEYS: {
    readonly HEADING: "serverError.heading";
    readonly DESCRIPTION: "serverError.description";
    readonly TRY_AGAIN: "serverError.tryAgain";
    readonly RETRYING: "serverError.retrying";
};
export declare const NOT_FOUND_KEYS: {
    readonly HEADING: "notFoundError.heading";
    readonly DESCRIPTION: "notFoundError.description";
};