import { useRouter } from "next/router"

export default function OrderConfirmationPage() {
  const router = useRouter()
  const { order_id: orderId } = router.query

  return (
    <div style={{ maxWidth: "520px", margin: "0 auto" }}>
      <h1>Merci pour votre commande</h1>
      {orderId ? (
        <p>Votre commande a bien été enregistrée : {orderId}</p>
      ) : (
        <p>Votre commande a bien été enregistrée.</p>
      )}
    </div>
  )
}