import type { ViewerDerivedStores } from "./state/viewerDerived";
import type { ViewerStateStores } from "./state/viewerState";
import type { ViewerController } from "./state/viewerController";
export type ViewerSettingsLayout = "1x1" | "1x2" | "2x1" | "1x2-panel" | "2x2";
/**
 * Every selectable theme, in the order the settings panel offers them. Adding a
 * theme means adding it here, defining its `--viewer-*`/`--story-*` tokens in
 * ViewerLayout, and adding a `workspace.theme*` label to the locale catalogues.
 */
export declare const viewerSettingsThemes: readonly ["dark", "light", "sepia", "midnight", "ringo"];
export type ViewerSettingsTheme = (typeof viewerSettingsThemes)[number];
export declare const isViewerSettingsTheme: (value: string | undefined | null) => value is ViewerSettingsTheme;
export type ViewerContext = {
    state: ViewerStateStores;
    derived: ViewerDerivedStores;
    controller: ViewerController;
    settings: {
        layout: ViewerSettingsLayout;
        theme: ViewerSettingsTheme;
        locale: string;
        layoutMode: "single" | "two-page" | "continuous" | "gallery";
    };
    readonly canDrawAnnotations: boolean;
    readonly annotationMode: "edit" | "create";
};
export declare const setViewerContext: (context: ViewerContext) => ViewerContext;
export declare const getViewerContext: () => ViewerContext;