import type { Metadata } from 'next'
import { Suspense } from 'react'
import { CheckoutPageClient } from '@/components/commerce/CheckoutPageClient'

export const metadata: Metadata = { title: '确认订单' }

export default function CheckoutPage() {
  return (
    <Suspense fallback={<div className="bg-bg py-16 text-center text-muted">正在加载结算页...</div>}>
      <CheckoutPageClient />
    </Suspense>
  )
}
