Hold to delete Button

import { DeleteButton } from "@/components/ui/hold-to-delete-button"

export default function Page() {
  const handleDelete = () => {
    console.log("Item deleted!")
  }

  const handleCancel = () => {
    console.log("Delete canceled")
  }

  return (
    <div className="flex min-h-screen items-center justify-center">
      <DeleteButton 
        onDelete={handleDelete}
        onCancel={handleCancel}
        holdDuration={2000}
      />
    </div>
  )
}