import type { FC, PropsWithChildren } from 'react';
export type ThemeState = 'dark' | 'light' | 'system';
export type LayoutContext = {
    theme: ThemeState;
    resolvedTheme: Exclude<ThemeState, 'system'>;
    setTheme: (theme: ThemeState) => void;
    showIds: boolean;
    toggleShowIds: () => void;
};
export declare const LayoutContext: import("react").Context<LayoutContext | undefined>;
export declare const THEME_MEDIA_QUERY = "(prefers-color-scheme: dark)";
export declare const THEME_COOKIE_NAME = "theme:state";
export declare const THEME_COOKIE_MAX_AGE: number;
export declare const SHOW_IDS_COOKIE_NAME = "show-ids:state";
export declare const SHOW_IDS_COOKIE_MAX_AGE: number;
export declare const LayoutContextProvider: FC<PropsWithChildren<Partial<Pick<LayoutContext, 'theme' | 'showIds'>>>>;
export declare function useLayoutContext(): LayoutContext;