/**
 * Listens for the specified media query.
 *
 * @param query - The media query to match.
 * @param when - A boolean indicating whether the media query should be active.
 * @returns A boolean indicating whether the media query matches.
 *
 * @example
 * ```tsx
 * const Component = () => {
 *     const isMobile = useMatchMedia('(max-width: 768px)');
 *
 *     return <div>{isMobile ? 'Mobile' : 'Desktop'}</div>;
 * };
 */
export declare function useMatchMedia(query: string, when?: boolean): boolean;