import { createContext, useContext } from 'react'

import Portal from '../index'

const PortalContext = createContext<Portal | null>(null)

export const PortalContextProvider = PortalContext.Provider

export const usePortal = () => {
  const portal = useContext(PortalContext)

  if (!portal) {
    throw new Error(
      'usePortal must be used within a PortalContextProvider. Make sure your component is wrapped with <PortalContextProvider value={portal}>...</PortalContextProvider>',
    )
  }

  return portal
}

export default PortalContext