"use client"

import * as React from "react"
import {
  getCoarsePointerSnapshot,
  getServerCoarsePointerSnapshot,
  subscribeCoarsePointer,
} from "../lib/reflow-viewport"

/** True on touch-primary devices (phones/tablets), false on desktop mouse/trackpad. */
export function useCoarsePointer(): boolean {
  return React.useSyncExternalStore(
    subscribeCoarsePointer,
    getCoarsePointerSnapshot,
    getServerCoarsePointerSnapshot,
  )
}