@amsterdam/design-system-react/dist/common/useKeyboardFocus.d.ts

All React components from the Amsterdam Design System. Use it to compose pages in your website or application.

/**
 * @license EUPL-1.2+
 * Copyright Gemeente Amsterdam
 */
import type { KeyboardEvent, RefObject } from 'react';
export declare const KeyboardKeys: {
    ArrowDown: string;
    ArrowLeft: string;
    ArrowRight: string;
    ArrowUp: string;
    End: string;
    Home: string;
};
type Options = {
    directChildrenOnly?: boolean;
    focusableElements?: string[];
    horizontally?: boolean;
    rotating?: boolean;
};
export declare const useKeyboardFocus: (ref: RefObject<HTMLElement>, options: Options) => {
    keyDown: (e: KeyboardEvent) => void;
};
export {};