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 (
{typeof children === 'function' ? children({ closeModal }) : children}
)
}
export default MagicModalWrapper
Entrepreneur Web Development Package - DigiGrowths
Skip to content
View cart “Standard Web Development Package” has been added to your cart.
Website DevelopmentEntrepreneur Web Development Package
$1,699.00
-
20 + PAGES
-
20+ PLUGINS
-
ADVANCE BLOG SETUP
-
E-COMMERCE FUNCTIONALITY
-
HIGH CONVERTING THEME
-
FULLY CUSTOMIZED STORE
-
FULLY BRANDED STORE
-
PLUGINS FOR CUSTOMER CARE
-
AFFILIATE MARKETING SETUP
-
HIGH CONVERTING DISCRIPTIONS
-
EMAIL MARKETING SETUP
-
GOOGLE & FACEBOOK PIXEL INSTALLED
Reviews
There are no reviews yet.