33 lines
965 B
JavaScript
33 lines
965 B
JavaScript
import { Button, Modal } from 'components'
|
|
|
|
const ConfirmUpdateModal = props => {
|
|
//? Props
|
|
const { title, isLoading, isShow, onClose, onConfirm, onCancel } = props
|
|
|
|
//? Render(s)
|
|
return (
|
|
<Modal isShow={isShow} onClose={onClose} effect="ease-out">
|
|
<Modal.Content onClose={onClose}>
|
|
<Modal.Body>
|
|
<div className="px-3 py-6 space-y-4 text-center bg-white md:rounded-lg">
|
|
<p>
|
|
您是否同意更新更改后的<span className="font-bold text-green-500">{title}</span>
|
|
</p>
|
|
<div className="flex justify-center gap-x-20">
|
|
<Button onClick={onConfirm} isLoading={isLoading}>
|
|
确定
|
|
</Button>
|
|
|
|
<Button className="!bg-green-500" onClick={onCancel}>
|
|
取消
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
</Modal.Body>
|
|
</Modal.Content>
|
|
</Modal>
|
|
)
|
|
}
|
|
|
|
export default ConfirmUpdateModal
|