Function Example

packages/react-aria/test/overlays/useModalOverlay.test.js:12–23

(props)

import {useOverlayTriggerState} from 'react-stately/useOverlayTriggerState';

function Example(props) {
  let ref = useRef();
  let state = useOverlayTriggerState(props);
  let {modalProps, underlayProps} = useModalOverlay(props, state, ref);
  return (
    <div {...mergeProps(underlayProps, props.underlayProps || {})}>
      <div ref={ref} {...modalProps} data-testid={props['data-testid'] || 'test'}>
        {props.children}
      </div>
    </div>
  );
}

describe('useModalOverlay', function () {
  describe.each`