import {
createElement,
Component,
useEffect,
useState,
useContext,
createContext,
Fragment,
} from '@wordpress/element'
import { Dialog, DialogOverlay, DialogContent } from './reach/dialog'
import { Transition, animated } from 'blocksy-options'
import { __ } from 'ct-i18n'
import classnames from 'classnames'
const AnimatedDialogOverlay = animated(DialogOverlay)
const AnimatedDialogContent = animated(DialogContent)
const defaultIsVisible = (i) => !!i
const Overlay = ({
items,
isVisible = defaultIsVisible,
render,
className,
onDismiss,
}) => {
return (
document.body.classList[isVisible(items) ? 'add' : 'remove'](
'ct-dashboard-overlay-open'
)
}
config={{ duration: 200 }}
from={{ opacity: 0, y: -10 }}
enter={{ opacity: 1, y: 0 }}
leave={{ opacity: 0, y: 10 }}>
{(props, items) =>
isVisible(items) && (
onDismiss()}>
`translate3d(0px, ${y}px, 0px)`
),
}}>
{render(items, props)}
)
}
)
}
export default Overlay