|
@ -1,12 +1,12 @@ |
|
|
import React from "react"; |
|
|
import React from "react"; |
|
|
import { Modal } from "@geist-ui/core"; |
|
|
import { Modal } from "@geist-ui/core"; |
|
|
|
|
|
|
|
|
function PopupModal({ visible, closeHandler }) { |
|
|
|
|
|
|
|
|
function PopupModal({ visible, closeHandler, content, title }) { |
|
|
return ( |
|
|
return ( |
|
|
<Modal visible={visible} onClose={closeHandler}> |
|
|
<Modal visible={visible} onClose={closeHandler}> |
|
|
<Modal.Title>Modal</Modal.Title> |
|
|
|
|
|
|
|
|
<Modal.Title>{title}</Modal.Title> |
|
|
<Modal.Content> |
|
|
<Modal.Content> |
|
|
<p>Some content contained within the modal.</p> |
|
|
|
|
|
|
|
|
{content} |
|
|
</Modal.Content> |
|
|
</Modal.Content> |
|
|
<Modal.Action passive onClick={closeHandler}> |
|
|
<Modal.Action passive onClick={closeHandler}> |
|
|
Close |
|
|
Close |
|
|