import type { FC, PropsWithChildren } from 'react';
import type { ColumnsState } from '../hooks/useColumns';
export type ThemeState = 'dark' | 'light' | 'system';
export type LayoutContext = {
    theme: ThemeState;
    resolvedTheme: Exclude<ThemeState, 'system'>;
    setTheme: (theme: ThemeState) => void;
    showIds: boolean;
    toggleShowIds: () => void;
    columnsState: Record<string, ColumnsState>;
    setColumnsState: (key: string, state: ColumnsState) => 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 DEFAULT_COLUMNS_STATE: ColumnsState;
export declare const COLUMNS_COOKIE_NAME = "tables:columns:state";
export declare const COLUMNS_COOKIE_MAX_AGE: number;
export declare const LayoutContextProvider: FC<PropsWithChildren<Partial<Pick<LayoutContext, 'theme' | 'showIds' | 'columnsState'>>>>;
export declare function useLayoutContext(): LayoutContext;