turash/bugulma/frontend/hooks/useKeyboard.ts

import { useCallback, useEffect } from 'react';

interface UseKeyboardOptions {
  enabled?: boolean;
  target?: EventTarget;
}

/**
 * Hook for handling keyboard events with automatic cleanup
 */
export function useKeyboard(
  handler: (event: KeyboardEvent) => void,
  options: UseKeyboardOptions = {}
) {
  const { enabled = true, target = document } = options;

  const memoizedHandler = useCallback(handler, [handler]);

  useEffect(() => {
    if (!enabled) return;

    target.addEventListener('keydown', memoizedHandler);
    return () => target.removeEventListener('keydown', memoizedHandler);
  }, [enabled, target, memoizedHandler]);
}

/**
 * Hook for handling escape key with a callback
 */
export function useEscapeKey(
  onEscape: () => void,
  options: UseKeyboardOptions = {}
) {
  const handleKeyDown = useCallback((event: KeyboardEvent) => {
    if (event.key === 'Escape') {
      onEscape();
    }
  }, [onEscape]);

  useKeyboard(handleKeyDown, options);
}