overlaymenu
Version:
A easy to use react popup or modal handling component.
2 lines (1 loc) • 423 B
JavaScript
import{useEffect as d}from"react";var c=({visible:a=!0,setVisible:t=e=>{},container_ref:o,children:s})=>{let e=n=>{o.current&&!o.current.contains(n.target)&&t(!1)},r=n=>{n.code==="Escape"&&t(!1)};return d(()=>(document.addEventListener("mousedown",e),document.addEventListener("keydown",r),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",r)}),[]),a?s:null},l=c;export{l as default};