import * as React from "react"
import ModalList from './ModalList'
import { useAppSelector } from "../../ducks";


export default function PureModal() {
    const activeModal : string = useAppSelector(state => state.ui.modal.activeModal)
    const ActiveModal:(() => JSX.Element)  | undefined= ModalList.find(m => m.name === activeModal )

    return(
        activeModal&&ActiveModal!==undefined ? <ActiveModal/> : <div/>
    )
}
