docmost/apps/client/src/ee/base/hooks/use-escape-close.ts

import { useEffect } from "react";

export function useEscapeClose(opened: boolean, onClose: () => void) {
  useEffect(() => {
    if (!opened) return;
    const onKeyDown = (e: KeyboardEvent) => {
      if (e.key === "Escape" && !e.defaultPrevented) onClose();
    };
    document.addEventListener("keydown", onKeyDown);
    return () => document.removeEventListener("keydown", onKeyDown);
  }, [opened, onClose]);
}