import { useEffect } from 'react';
import { addDocumentEventListener } from '../../platform/compat.js';

/**
 * @param {boolean} active
 * @param {(() => void) | null | undefined} onDismiss
 */
export function useEscapeDismiss(active, onDismiss) {
  useEffect(() => {
    if (!active || typeof onDismiss !== 'function') {
      return undefined;
    }

    const handleKeyDown = (event) => {
      if (event.key === 'Escape') {
        onDismiss();
      }
    };

    return addDocumentEventListener('keydown', handleKeyDown);
  }, [active, onDismiss]);
}