nico
3654629bde
Yang Sudah Di Kerjakan * Tampilan UI Admin di menu ekonomi * API Create, edit dan delete berita Yang Akan Dikerjakan: * API ProfilePPID * Tampilan UI Admin Di Menu Inovasi
37 lines
864 B
TypeScript
37 lines
864 B
TypeScript
// components/modal/ModalKonfirmasiHapus.tsx
|
|
import colors from "@/con/colors"
|
|
import { Modal, Text, Button, Flex } from "@mantine/core"
|
|
|
|
interface ModalKonfirmasiHapusProps {
|
|
opened: boolean
|
|
loading?: boolean
|
|
onClose: () => void
|
|
onConfirm: () => void
|
|
text: string
|
|
}
|
|
|
|
export function ModalKonfirmasiHapus({
|
|
opened,
|
|
loading = false,
|
|
onClose,
|
|
onConfirm,
|
|
text,
|
|
}: ModalKonfirmasiHapusProps) {
|
|
return (
|
|
<Modal
|
|
opened={opened}
|
|
onClose={onClose}
|
|
title="Konfirmasi Hapus"
|
|
centered
|
|
>
|
|
<Text mb="md">{text}</Text>
|
|
<Flex justify="flex-end" gap="sm">
|
|
<Button style={{color: "white"}} bg={colors['blue-button']} variant="default" onClick={onClose}>Batal</Button>
|
|
<Button color="red" onClick={onConfirm} loading={loading}>
|
|
Yakin Hapus
|
|
</Button>
|
|
</Flex>
|
|
</Modal>
|
|
)
|
|
}
|