<OverlayProvider>

[streamich]

Add an optional <OverlayProvider> component that will work together with <Overlay> component to provide better experience. It would we be a render prop that injects disabled prop into its child <App> component.

<OverlayProvider component={App} />

This would allow <App> to set properly:

• aria-hidden
• inert
• pointer-events: none

Maybe also create generic <App> component that does all of that.

[azukaar]

Shouldn't it do

<OverlayProvider>
 <App />
</OverlayProvider>

[streamich]

@azukaar yeah, could be.

[streamich]

@azukaar I have extracted interface creation in a separate lib:

https://github.com/streamich/react-universal-interface

[streamich]

Actually, maybe better create <Modal> component that uses <Overlay> internally, and <ModalManager> instead of <OverlayProvider>.

Also: https://www.youtube.com/watch?v=JS68faEUduk

[streamich]

Created <Modal> for now instead, here: #38