/** @packageDocumentation
 * @module State
 */
import "./ThemeManager.scss";
import * as React from "react";
import type { ThemeId } from "./ThemeId.js";
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. Note that this component will
 * affect the entire application by setting the internal `data-theme` attribute.
 * Component children are wrapped with iTwinUI `ThemeProvider` component, so all nodes within the tree will have the same theme.
 * Specified `ThemeId` will be mapped to iTwinUI `theme` accordingly.
 * Any other string will only apply the `data-theme` attribute to the underlying `html` element
 * and `ThemeProvider` theme will be set to `inherit`, in this case the application is
 * responsible for setting the theme, i.e. by using iTwinUI css variables.
 *
 * This 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