/**
 * Evaluates a CSS media query and returns whether it matches.
 * Automatically updates when the match status changes.
 *
 * @param query - The media query string to evaluate
 * @returns Whether the media query currently matches
 *
 * @example
 * ```tsx
 * function ResponsiveComponent() {
 *   const isMobile = useMediaQuery('(max-width: 768px)');
 *   const prefersDark = useMediaQuery('(prefers-color-scheme: dark)');
 *   const isLandscape = useMediaQuery('(orientation: landscape)');
 *   const prefersReducedMotion = useMediaQuery('(prefers-reduced-motion: reduce)');
 *
 *   return (
 *     <div>
 *       {isMobile ? <MobileView /> : <DesktopView />}
 *       {prefersDark && <DarkModeStyles />}
 *     </div>
 *   );
 * }
 * ```
 *
 * @example
 * ```tsx
 * function PrintableDocument() {
 *   const isPrinting = useMediaQuery('print');
 *
 *   return isPrinting ? <PrintLayout /> : <ScreenLayout />;
 * }
 * ```
 */
export declare function useMediaQuery(query: string): boolean;
//# sourceMappingURL=useMediaQuery.d.ts.map