import { Head, Link } from '@inertiajs/react'; type Vehicle = { id: number; make: string; model: string; engine_code: string | null }; type Product = { id: number; name: string; slug: string; sku: string; price: string; discount_price: string | null; brand: { name: string } | null; images: { path: string; alt_text: string | null; is_main: boolean }[] }; export default function Recommendations({ vehicles, products }: { vehicles: Vehicle[]; products: Product[] }) { return ( <>
Saved vehicles

Compatible parts

{vehicles.length} saved vehicle(s)

{products.map((product) => { const image = product.images.find((item) => item.is_main); return (
{image ? {image.alt_text : No image}

{product.brand?.name ?? 'Brand'}

{product.name}

SKU {product.sku}

{product.discount_price ?? product.price}

); })}
{products.length === 0 ?

No compatible parts found yet.

: null}
); }