import { useEffect } from 'react'

export function useClickInside(ref, callback) {
  const handleClick = (event) => {
    if (ref.current && ref.current.contains(event.target)) {
      callback()
    }
  }

  useEffect(() => {
    document.addEventListener('click', handleClick)

    return () => {
      document.removeEventListener('click', handleClick)
    }
  })
}