import { useCallback, useContext } from 'react';
import { ModalRootContext } from './ModalRootContext';
import type { UseModalRootContext } from './types';

export const useModalRootContext = (): UseModalRootContext => {
  const { activeModal, isInsideModal, onClose: onCloseContext } = useContext(ModalRootContext);

  const onClose = useCallback(() => {
    if (onCloseContext && activeModal !== null && activeModal !== undefined) {
      onCloseContext(activeModal);
    }
  }, [activeModal, onCloseContext]);

  return { activeModal, isInsideModal, onClose };
};