import type { ThemeDefinition } from "../types/theme";
/**
 * Result of useFluidTheme hook
 */
export interface UseFluidThemeResult {
    /** Currently active theme */
    currentTheme: ThemeDefinition | null;
    /** Switch to a different theme */
    setTheme: (theme: ThemeDefinition) => void;
    /** Switch between light and dark mode */
    setThemeMode: (mode: "light" | "dark") => void;
    /** Current theme mode (convenience accessor) */
    mode: "light" | "dark" | undefined;
}
/**
 * Hook to access and control theme settings
 *
 * @example
 * ```tsx
 * function ThemeSwitcher({ themes }: { themes: ThemeDefinition[] }) {
 *   const { currentTheme, setTheme, setThemeMode, mode } = useFluidTheme();
 *
 *   return (
 *     <div>
 *       <select
 *         value={currentTheme?.name}
 *         onChange={(e) => {
 *           const theme = themes.find(t => t.name === e.target.value);
 *           if (theme) setTheme(theme);
 *         }}
 *       >
 *         {themes.map(theme => (
 *           <option key={theme.name} value={theme.name}>
 *             {theme.name}
 *           </option>
 *         ))}
 *       </select>
 *
 *       <button onClick={() => setThemeMode(mode === "dark" ? "light" : "dark")}>
 *         Toggle {mode === "dark" ? "Light" : "Dark"} Mode
 *       </button>
 *     </div>
 *   );
 * }
 * ```
 */
export declare function useFluidTheme(): UseFluidThemeResult;
//# sourceMappingURL=use-fluid-theme.d.ts.map