43 lines
1.1 KiB
React
43 lines
1.1 KiB
React
|
import React from 'react'
|
||
|
|
|
||
|
|
export default function CustomModal(props) {
|
||
|
|
return (
|
||
|
|
<div className="custom-modal-backdrop">
|
||
|
|
<div className="custom-modal">
|
||
|
|
<div className="modal-content">
|
||
|
|
<div className="modal-header">
|
||
|
|
<h5 className="modal-title">{props.title}</h5>
|
||
|
|
<button
|
||
|
|
type="button"
|
||
|
|
className="close"
|
||
|
|
aria-label="Close"
|
||
|
|
onClick={() => props.close}
|
||
|
|
>
|
||
|
|
<span aria-hidden="true">×</span>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
<div className="modal-body">
|
||
|
|
<p>{props.text}</p>
|
||
|
|
</div>
|
||
|
|
<div className="modal-footer">
|
||
|
|
<button
|
||
|
|
type="button"
|
||
|
|
className="btn btn-primary"
|
||
|
|
onClick={() => props.confirm()}
|
||
|
|
>
|
||
|
|
Yes
|
||
|
|
</button>
|
||
|
|
<button
|
||
|
|
type="button"
|
||
|
|
className="btn btn-secondary"
|
||
|
|
onClick={() => props.close()}
|
||
|
|
>
|
||
|
|
No
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|