/// <reference types="react" />
export interface ThemeProviderProps {
    /** Use media query to toggle the theme between light and dark */
    mediaQuery?: boolean;
    /** Should we set the HTML attribute, defaults to true. If set to false handling the theme change is up to you */
    setAttribute?: boolean;
    /** The HTML attribute to be set. Defaults to class */
    attribute?: `data-${string}` | "class";
    /** List of all available theme names, defaults to the two props [lightTheme, darkTheme], eg ["lightTheme", "darkTheme"] */
    themes?: string[];
    /** Dark theme name, defaults to dark */
    darkTheme?: string;
    /** Light theme name, defaults to light */
    lightTheme?: string;
    /** Key used to store theme setting in localStorage */
    storageKey?: string;
    /** Default theme, defaults to light */
    defaultTheme?: string;
    /** The components children */
    children?: React.ReactNode;
}
export interface UseThemeContext {
    /** List of all available theme names, defaults to the two props [lightTheme, darkTheme], eg ["lightTheme", "darkTheme"] */
    themes: string[];
    /** The function to call when we want to change the theme */
    handleChange: (theme: string) => void;
    /** The current theme value */
    value: string;
}