/**
 * Hook to detect if the current device is a touch device.
 * Uses the CSS media query `(pointer: coarse)` to detect coarse pointer devices (typically touch screens).
 *
 * Note: To avoid hydration mismatches in SSR environments (e.g., Next.js),
 * this hook always returns `false` on the initial render (both server and client).
 * The correct value is set after the first client-side render via useEffect.
 *
 * @returns true if the device has a coarse pointer (touch device), false otherwise
 *
 * @example
 * ```tsx
 * function MyComponent() {
 *   const isTouchDevice = useIsTouchDevice();
 *
 *   return (
 *     <div>
 *       {isTouchDevice ? 'Touch Device' : 'Desktop Device'}
 *     </div>
 *   );
 * }
 * ```
 */
export declare function useIsTouchDevice(): boolean;