import { useState } from 'react';

import type { KeyFilter } from './useKey';
import { useKey } from './useKey';

export const useKeyPress = (keyFilter: KeyFilter) => {
  const [state, set] = useState<[boolean, null | KeyboardEvent]>([false, null]);
  useKey(keyFilter, (event) => set([true, event]), { event: 'keydown' }, [
    state,
  ]);
  useKey(keyFilter, (event) => set([false, event]), { event: 'keyup' }, [
    state,
  ]);
  return state;
};