import React, { useState } from "react"; import { useForm } from "@inertiajs/react"; import { Button } from "@/components/ui/button"; import { Input } from "@/components/ui/input"; import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell, } from "@/components/ui/table"; import { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogFooter, } from "@/components/ui/dialog"; import { Plus, Pencil, Trash2 } from "lucide-react"; import AuthenticatedLayout from "@/layouts/authenticated-layout"; import { Head } from "@inertiajs/react"; import { Toaster } from "@/components/ui/toaster"; interface Menu { id: number | null; name: string; is_active: boolean; } export default function Index({ menus }: { menus: Menu[] }) { const { data, setData, post, put, delete: destroy, reset, } = useForm({ id: null, name: "", is_active: true, }); const [isModalOpen, setIsModalOpen] = useState(false); const [editing, setEditing] = useState(false); return (

Nama Menu Aksi {menus.map((menu) => ( {menu.name} ))}

); }