import React from 'react';
import { Head, useForm } from '@inertiajs/react';
import { Input } from "@/components/ui/input";
import { Button } from "@/components/ui/button";
import {
Table,
TableHeader,
TableRow,
TableHead,
TableBody,
TableCell,
} from "@/components/ui/table";
import AppLayout from '@/layouts/app-layout';
import type { BreadcrumbItem } from '@/types';
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
const breadcrumbs: BreadcrumbItem[] = [
{
title: 'Users',
href: '/users',
},
];
export default function Index({ users }) {
const { data, setData, post, reset } = useForm({
name: '',
email: '',
password: '',
});
const handleSubmit = (e) => {
e.preventDefault();
post('/users', {
onSuccess: () => reset(),
});
};
return (
Name
Email
Actions
{users.map((user) => (
{user.name}
{user.email}
))}
);
}