import { Button } from '@/components/ui/button';
import {
Table,
TableBody,
TableCell,
TableHead,
TableHeader,
TableRow,
} from '@/components/ui/table';
import AppLayout from '@/layouts/app-layout';
import product from '@/routes/product';
import { BreadcrumbItem } from '@/types';
import { Head, Link, router } from '@inertiajs/react';
import { PackagePlus, Pencil, Trash2 } from 'lucide-react';
const breadcrumbs: BreadcrumbItem[] = [
{
title: 'Products',
href: product.index().url,
},
];
export default function index({
products,
}: {
products: [{ id: number; name: string; display_status: string }];
}) {
return (
{/* A list of your recent invoices. */}
S.N.
Name
Status
Action
{products.map((prod, index) => (
{index + 1}
{prod.name}
{prod.display_status}
))}
);
}