import { getServerApi } from "@garage/api/server"
import { VendorGeneralInfo } from "@/modules/vendors/vendor-general-info"

export default async function VendorDetailPage(props: { params: Promise<{ id: string }> }) {
    const { id } = await props.params
    const api = await getServerApi()
    // The OpenAPI schema doesn't yet describe GET /api/vendors/{id} (only PUT/DELETE),
    // so cast through `any` here until the schema is regenerated.
    const response = (await api.vendors.getById(id)) as { data?: Record<string, any> }
    const vendor = response?.data

    if (!vendor) {
        return <div className="text-muted-foreground p-6">Vendor not found.</div>
    }

    return <VendorGeneralInfo vendor={vendor} />
}