import { Suspense } from 'react'
import { mockDb } from '@/lib/mockDb'
import SavedClient from './SavedClient'

export async function generateMetadata() {
  return {
    title: 'Kaydedilen Yerler — Marmaris Local',
    description: 'Marmaris rehberinde kaydettiğiniz ve beğendiğiniz tüm yerel adresler.'
  }
}

export default async function SavedPage({ params }: { params: Promise<{ locale: string }> }) {
  const { locale } = await params
  const allListings = await mockDb.getListings()

  return (
    <div className="bg-stone min-h-screen py-10 px-4 sm:px-6 lg:px-8 font-sans">
      <div className="max-w-5xl mx-auto">
        <Suspense fallback={<div className="text-xs font-mono py-12 text-center text-shutter">yükleniyor...</div>}>
          <SavedClient allListings={allListings} locale={locale} />
        </Suspense>
      </div>
    </div>
  )
}