import React, { HTMLAttributes, PropsWithChildren } from 'react';
export declare enum ColorModesEnum {
    LIGHT = "light",
    DARK = "dark",
    AUTO = "auto"
}
export type ColorMode = `${ColorModesEnum}`;
export type ThemeContextProps = {
    colorMode: 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>): import("react/jsx-runtime").JSX.Element;