import React, { HTMLAttributes, PropsWithChildren } from 'react';
export declare enum ColorModesEnum {
    LIGHT = "light",
    DARK = "dark",
    AUTO = "auto"
}
export type ColorMode = `${ColorModesEnum}` | (string & {});
export type ResolvedColorMode = ColorModesEnum.LIGHT | ColorModesEnum.DARK;
export type ThemeContextProps = {
    colorMode: ResolvedColorMode;
    originalColorMode?: ColorMode;
    availableColorModes: ColorModesEnum[];
};
export type ThemeProviderProps = {
    colorMode?: ColorMode;
} & HTMLAttributes<HTMLDivElement>;
export declare const ThemeContext: React.Context<ThemeContextProps>;
/**
 * ThemeProvider is used to provide theme-related context to its child components.
 */
export declare function ThemeProvider({ colorMode, children, ...rest }: PropsWithChildren<ThemeProviderProps>): React.JSX.Element;