import PropTypes from 'prop-types'
// import {connect} from 'react-redux'
import ReactDOM from 'react-dom'
import { compose, onlyUpdateForKeys, lifecycle, setStatic } from 'recompose'
import DungeonMap from './DungeonMap'

const DMap = () => <div>I'm a map!</div>

class DungeonMapWindow extends React.Component {
	externalWindow = null
	containerElement = document.createElement(`div`)
	componentDidMount() {
		this.externalWindow = window.open(``, ``, `width=600,height=600,left=200,top=200`)
		this.externalWindow.document.body.appendChild(this.containerElement)
	}
	componentWillUnmount() {
		this.externalWindow.close()
	}
	render() {
		return ReactDOM.createPortal(<DungeonMap />, this.containerElement)
	}
}

DungeonMapWindow.propTypes = {}
const mapStateToProps = (state) => ({})

const enhance = compose(
	onlyUpdateForKeys([ `` ]),
	lifecycle({})
	// connect(mapStateToProps, {})
)

export default enhance(DungeonMapWindow)