import { Head, Link, router } from '@inertiajs/react'; type Order = { id: number; order_number: string; status: string; total: string; items: unknown[] }; type Address = { id: number; type: string; city: string; address_line_1: string }; type Vehicle = { id: number; make: string; model: string; year: number | null; engine_code: string | null }; export default function CustomerDashboard({ orders, addresses, vehicles }: { orders: Order[]; addresses: Address[]; vehicles: Vehicle[] }) { return ( <>

Customer account

Dashboard

Recent orders

Track guest order
{orders.map((order) =>

{order.order_number}

{order.status.replace('_', ' ')}

{order.total}

)} {orders.length === 0 ?

No orders yet.

: null}
); } function Tile({ title, value, href }: { title: string; value: number; href: string }) { return

{title}

{value}

; }