"use client"
import { useEffect } from "react"
import { useMouseClick } from "./useMouseClick"

export function useMouseUp<T extends Element>(callback: () => unknown) {
  const [isMouseClicked, ref] = useMouseClick<T>()

  useEffect(() => {
    if (!isMouseClicked) {
      callback()
    }
  }, [callback, isMouseClicked])

  return ref
}