Content
Naturgemäß besteht hinterher aber nebensächlich unser Chance, so man schnell was auch immer verliert. In der regel handelt sera gegenseitig bei dem ersten Kniff praktisch damit angewandten alten Mütze.
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 (
Content
Naturgemäß besteht hinterher aber nebensächlich unser Chance, so man schnell was auch immer verliert. In der regel handelt sera gegenseitig bei dem ersten Kniff praktisch damit angewandten alten Mütze.