/**
 * A hook that provides a way to respond to media queries.
 * Automatically updates when the media query matches or doesn't match.
 *
 * @param query - The media query string (e.g., '(max-width: 768px)')
 * @returns A boolean indicating whether the media query matches
 *
 * @example
 * ```tsx
 * const isMobile = useMediaQuery('(max-width: 768px)')
 * const isDarkMode = useMediaQuery('(prefers-color-scheme: dark)')
 *
 * return (
 *   <div className={isMobile ? 'mobile-layout' : 'desktop-layout'}>
 *     {isDarkMode ? 'Dark mode' : 'Light mode'}
 *   </div>
 * )
 * ```
 */
export declare function useMediaQuery(query: string): boolean;
//# sourceMappingURL=useMediaQuery.d.ts.map