Mother, your children are like birds,
Their wings have fluttered into the distance.
Mother, to the bright and native chamber,
Soon we shall return once more.
import React from 'react'
import Modal from 'react-modal'
import ModalEnvatoIcon from './ModalEnvatoIcon'
import styles from './MagicModalWrapper.module.scss'
const customStyles = {
overlay: {
backgroundColor: 'rgba(32, 32, 32, 0.81)',
zIndex: 199999,
display: 'flex',
justifyContent: 'center',
alignItems: 'center'
},
content: {
background: '#f1f1f1',
border: '0',
padding: '0',
right: 'auto',
bottom: 'auto',
top: 'auto',
left: 'auto',
borderRadius: '4px'
}
}
const MagicModalWrapper = ({ photoId, photoTitle, onCloseCallback = null, children }) => {
const [modalIsOpen, setModalIsOpen] = React.useState(true)
const closeModal = () => {
setModalIsOpen(false)
if (onCloseCallback) {
onCloseCallback()
}
}
// Make sure to bind modal to your appElement (http://reactcommunity.org/react-modal/accessibility/)
// We get window.templateKitImport.modalAppHolder from our initial render in main.jsx:
if (typeof window !== 'undefined' && window.templateKitImport && window.templateKitImport.modalAppHolder) {
Modal.setAppElement(window.templateKitImport.modalAppHolder)
}
return (
Mother, your children are like birds,
Their wings have fluttered into the distance.
Mother, to the bright and native chamber,
Soon we shall return once more.