"use client"
 
import { useLongPress, type LongPressCallback } from "@/hooks/use-long-press"
 
export function Component() {
  const handleLongPress: LongPressCallback = (event) => {
    console.log("Long press detected!", event)
  }
 
  const handleStart: LongPressCallback = (event) => {
    console.log("Press started", event)
  }
 
  const handleFinish: LongPressCallback = (event) => {
    console.log("Press finished", event)
  }
 
  const handleCancel: LongPressCallback = (event) => {
    console.log("Press cancelled", event)
  }
 
  const buttonHandlers = useLongPress(handleLongPress, {
    threshold: 500,
    onStart: handleStart,
    onFinish: handleFinish,
    onCancel: handleCancel,
  })
 
  return <button {...buttonHandlers}>Press and hold me</button>
}