import { type CSSProperties } from 'react';
import { ThemeProviderProps } from '@primer/react';
export interface IDatalayerThemeProviderProps extends Omit<ThemeProviderProps, 'theme' | 'colorMode'> {
    /**
     * Color mode to use.
     * - `'light'` / `'dark'` — explicit override
     * - `'auto'` — follow the operating system preference (prefers-color-scheme)
     * - Primer's `'day'` / `'night'` are still accepted.
     */
    colorMode?: 'light' | 'dark' | 'auto' | 'day' | 'night';
    /**
     * Additional base styles merged on top of theme defaults.
     */
    baseStyles?: CSSProperties;
    /**
     * Optional Primer theme object. Defaults to the built-in datalayerTheme
     * (which is the unmodified default Primer theme — all theming is done
     * via CSS custom-property overrides in `themeStyles`).
     */
    theme?: Record<string, any>;
    /**
     * Per-mode CSS-property overrides (background, foreground, and all
     * Primer functional-token CSS custom properties).
     *
     * When provided, these replace the built-in datalayer styles entirely.
     * The `baseStyles` prop is still merged on top.
     *
     * Use the `buildThemeStyles` helper from `./css/createThemeCSSVars`
     * to generate comprehensive overrides from a `ThemeColorDefs` pair.
     */
    themeStyles?: {
        light: CSSProperties;
        dark: CSSProperties;
    };
}
export declare function DatalayerThemeProvider(props: React.PropsWithChildren<IDatalayerThemeProviderProps>): JSX.Element;