import { Head, Link } from '@inertiajs/react'; import { Button } from '@/components/ui/button'; import type { Category, PaginatedData } from '@/types'; type Props = { categories: PaginatedData }; export default function CategoriesIndex({ categories }: Props) { return ( <>

Categories

{categories.data.map((cat) => ( ))}

Name	System	Status	Actions
{cat.name}	{cat.system?.name}	{cat.is_active ? 'Active' : 'Inactive'}

); }