import { Head, Link, router } from '@inertiajs/react'; import { Plus } from 'lucide-react'; import { Button } from '@/components/ui/button'; import { Card, CardContent } from '@/components/ui/card'; import AdminLayout from '@/layouts/admin-layout'; import { type Brand, type PaginatedData } from '@/types'; export default function AdminBrandsIndex({ brands }: { brands: PaginatedData }) { const destroy = (id: number) => { if (confirm('Delete this brand?')) router.delete(route('admin.brands.destroy', id)); }; return (

{brands.data.map((brand) => ( ))} {brands.data.length === 0 && }

Logo	Name	Slug	Status
{brand.logo ? : }	{brand.name}	{brand.slug}	{brand.status ? 'Active' : 'Inactive'}	Edit
No brands yet

); }