import React, { useContext } from 'react'

export type PopoverConfig = {
  disableItemsAutoClose: boolean
  onItemClick: (e: React.MouseEvent<HTMLDivElement>) => void
}

const defaultContext = {
  disableItemsAutoClose: false,
  onItemClick: () => {
    return
  }
}

export const PopoverContext = React.createContext<PopoverConfig>(defaultContext)

export const usePopoverContext = () => useContext<PopoverConfig>(PopoverContext)