"use client"
 
import { useSwipe } from "@/hooks/use-swipe"
 
export function Component() {
  const handlers = useSwipe({
    onSwipe: (direction) => {
      console.log("Swiped:", direction)
    },
  })
 
  return (
    <div
      {...handlers}
      style={{ width: "100%", height: "100vh", backgroundColor: "lightgray" }}
    >
      <h1>Swipe in any direction</h1>
    </div>
  )
}