@gechiui/components/src/higher-order/with-constrained-tabbing/index.js

UI components for GeChiUI.

/**
 * GeChiUI dependencies
 */
import {
	createHigherOrderComponent,
	useConstrainedTabbing,
} from '@gechiui/compose';

const withConstrainedTabbing = createHigherOrderComponent(
	( WrappedComponent ) =>
		function ComponentWithConstrainedTabbing( props ) {
			const ref = useConstrainedTabbing();
			return (
				<div ref={ ref } tabIndex="-1">
					<WrappedComponent { ...props } />
				</div>
			);
		},
	'withConstrainedTabbing'
);

export default withConstrainedTabbing;