import { useCallback, useState } from 'react'

export const useModal = (initialState: boolean = false) => {
  const [isOpen, setIsOpen] = useState(initialState)

  const onOpen = useCallback(() => setIsOpen(true), [])
  const onClose = useCallback(() => setIsOpen(false), [])
  const onToggle = useCallback(() => setIsOpen((isOpen) => !isOpen), [])

  return {
    isOpen,
    setIsOpen,
    onOpen,
    onClose,
    onToggle,
  }
}