Function useModalZIndex

src/hooks/useModalZIndex.ts:15–30

(isOpen: boolean)

 * Call bringToFront() on mousedown/click to ensure the modal appears on top.
 */
export function useModalZIndex(isOpen: boolean) {
  const [zIndex, setZIndex] = useState(1000);

  // When modal opens, bring it to front
  useEffect(() => {
    if (isOpen) {
      setZIndex(++globalZIndexCounter);
    }
  }, [isOpen]);

  const bringToFront = useCallback(() => {
    setZIndex(++globalZIndexCounter);
  }, []);

  return { zIndex, bringToFront };
}