Function ArrowKeysNavigation

ArrowKeysNavigation(
props: PropsWithChildren<ArrowKeysNavigationProps>,
): ReactNode
The component-based alternative to the useArrowKeysNavigation hook.

Enables arrow-key navigation within an enclosing FocusScope.
Parameters
- props: PropsWithChildren<ArrowKeysNavigationProps>
Returns ReactNode
Example
```
const containerRef = useRef(null);

<FocusScope containerRef={containerRef}>
  <ArrowKeysNavigation>
    <div ref={containerRef}>
      <input />
    </div>
  </ArrowKeysNavigation>
</FocusScope>
```