15 lines
No EOL
436 B
JavaScript
15 lines
No EOL
436 B
JavaScript
import React, { useEffect } from 'react';
|
|
import ReactDOM from 'react-dom';
|
|
import { useModal } from '.';
|
|
import ModalOverlay from './ModalOverlay';
|
|
|
|
export default function Modal({ children }){
|
|
const { component, props} = useModal();
|
|
|
|
return component ? ReactDOM.createPortal(
|
|
<ModalOverlay left={!props.right} right={props.right}>
|
|
{component}
|
|
</ModalOverlay>,
|
|
document.querySelector("#modal-root"),
|
|
) : null;
|
|
} |