import { ColorSchemeInfo, MatchScheme, SchemeOptions } from "@pastweb/tools";

//#region src/useColorScheme/useColorScheme.d.ts
/**
 * React hook for reading and updating the current color scheme.
 *
 * The signature mirrors `useColorScheme` from `@pastweb/tools`: pass options to
 * create an internal `MatchScheme`, or pass a pre-created `matchScheme` as the
 * second argument. The React wrapper subscribes to mode/system changes and
 * cleans those listeners up when the component unmounts.
 *
 * @param options - Options passed to `createMatchScheme` when `matchScheme` is not provided.
 * @param matchScheme - Optional pre-created `MatchScheme` instance.
 * @returns A tuple with the current color scheme info and the mode setter.
 *
 * @example
 * ```tsx
 * import { useColorScheme } from '@pastweb/react';
 *
 * function ThemeButton() {
 *   const [scheme, setMode] = useColorScheme({ defaultMode: 'auto' });
 *
 *   return (
 *     <button onClick={() => setMode(scheme.selected === 'dark' ? 'light' : 'dark')}>
 *       Current theme: {scheme.selected}
 *     </button>
 *   );
 * }
 * ```
 */
declare function useColorScheme(options?: SchemeOptions, matchScheme?: MatchScheme): [ColorSchemeInfo, (mode: string) => void];
//#endregion
export { useColorScheme };
//# sourceMappingURL=useColorScheme.d.ts.map