/** @packageDocumentation
 * @module State
 */
import "./ThemeManager.scss";
import * as React from "react";
import type { ThemeId } from "./ThemeId";
interface ThemeManagerProps {
    children?: React.ReactNode;
    /** Uses redux store as a fallback. Defaults to {@link SYSTEM_PREFERRED_COLOR_THEME}. */
    theme?: ThemeId;
}
/** ThemeManager handles setting color themes and element opacity management. Note that this component will
 * affect the entire application by setting the data-theme attribute to the html element.
 * It also sets an iTwinUI `ThemeProvider` element locally, so all elements
 * within the AppUI tree will have the same theme, and should be using iTwinUI 2.x or later.
 * A `ColorTheme` enum values will configure iTwinUI `ThemeProvider` accordingly.
 * Any other string will only apply the `data-theme` attribute to the `html` element
 * and `ThemeProvider` theme will be set to `inherit`, in this case the application is
 * responsible for setting the theme by overriding iTwinUI css variables.
 *
 * This React component should wrap {@link ConfigurableUiContent}.
 *
 * ```tsx
 * <ThemeManager>
 *   <ConfigurableUiContent />
 * </ThemeManager>
 * ```
 * @public
 */
export declare function ThemeManager({ children, ...props }: ThemeManagerProps): React.JSX.Element;
export {};
//# sourceMappingURL=ThemeManager.d.ts.map