import * as React from 'react'; import { SupportedColorScheme } from './createThemeWithVars'; declare const useColorScheme: () => import("@mui/system").ColorSchemeContextValue, deprecatedGetInitColorSchemeScript: typeof import("@mui/system/InitColorSchemeScript").default; declare function Experimental_CssVarsProvider(props: any): React.JSX.Element; declare const getInitColorSchemeScript: typeof deprecatedGetInitColorSchemeScript; /** * TODO: remove this export in v7 * @deprecated * The `CssVarsProvider` component has been deprecated and ported into `ThemeProvider`. * * You should use `ThemeProvider` and `createTheme()` instead: * * ```diff * - import { CssVarsProvider, extendTheme } from '@mui/material/styles'; * + import { ThemeProvider, createTheme } from '@mui/material/styles'; * * - const theme = extendTheme(); * + const theme = createTheme({ * + cssVariables: true, * + colorSchemes: { light: true, dark: true }, * + }); * * - * + * ``` * * To see the full documentation, check out https://mui.com/material-ui/customization/css-theme-variables/usage/. */ export declare const CssVarsProvider: (props: React.PropsWithChildren> & { theme?: { cssVariables?: false; cssVarPrefix?: string; colorSchemes: Partial>; colorSchemeSelector?: "media" | "class" | "data" | string; } | { $$material: { cssVariables?: false; cssVarPrefix?: string; colorSchemes: Partial>; colorSchemeSelector?: "media" | "class" | "data" | string; }; } | undefined; defaultMode?: "light" | "dark" | "system"; documentNode?: Document | null; colorSchemeNode?: Element | null; storageWindow?: Window | null; disableNestedContext?: boolean; disableStyleSheetGeneration?: boolean; }>) => React.JSX.Element; export { useColorScheme, getInitColorSchemeScript, Experimental_CssVarsProvider };