@kubit-ui-web/react-components/dist/esm/hooks/useKeyPressed/useKeyPressed.js

Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience

import { useEffect, useState } from 'react';
export const useKeyPressed = (targetKey) => {
    const [keyPressed, setKeyPressed] = useState(false);
    const downHandler = ({ key }) => {
        if (key === targetKey) {
            setKeyPressed(true);
        }
    };
    const upHandler = ({ key }) => {
        if (key === targetKey) {
            setKeyPressed(false);
        }
    };
    useEffect(() => {
        window.addEventListener('keydown', downHandler);
        window.addEventListener('keyup', upHandler);
        return () => {
            window.removeEventListener('keydown', downHandler);
            window.removeEventListener('keyup', upHandler);
        };
    });
    return keyPressed;
};
//# sourceMappingURL=useKeyPressed.js.map