skl/resources/js/components/Pelaporan/AL/IPAL/DataPendukungModal.tsx

39 lines
1021 B
TypeScript

import React from "react";
import {
Dialog,
DialogContent,
DialogHeader,
DialogTitle,
DialogFooter,
} from "@/components/ui/dialog";
import { Button } from "@/components/ui/button";
interface DataPendukungModalProps {
open: boolean;
onClose: () => void;
}
const DataPendukungModal: React.FC<DataPendukungModalProps> = ({
open,
onClose,
}) => {
return (
<Dialog open={open} onOpenChange={onClose}>
<DialogContent>
<DialogHeader>
<DialogTitle>Data Pendukung</DialogTitle>
</DialogHeader>
<div className="my-4">
{/* Tempatkan form atau daftar dokumen pendukung di sini */}
<p>Masukkan data pendukung disini...</p>
</div>
<DialogFooter>
<Button onClick={onClose}>Tutup</Button>
</DialogFooter>
</DialogContent>
</Dialog>
);
};
export default DataPendukungModal;