import React, { useState } from 'react' import { Head } from '@inertiajs/react' import ModalInput from '@/Components/ModalInput' import DeleteButton from '@/Components/deleteButton' export default function IndexSantri({ santri, fields, options }) { const [selectedSantri, setSelectedSantri] = useState(null) const [isDeleteOpen, setDeleteOpen] = useState(false) const openDeleteModal = (item) => { setSelectedSantri(item) setDeleteOpen(true) } return (

Daftar Santri

setSelectedSantri(null)} /> {santri ? santri.map((item, i) => { return (

Nama: {item.nama}

Alamat: {item.alamat}

Status: {item.status_santri}

Role: {item.role_santri}

Jenis Kelamin: {item.jk}

Tanggal Lahir: {item.tanggal_lahir}

Foto: {item.foto}

) }) : ""} setDeleteOpen(false)} item={selectedSantri} tableName="santris" />
) }