import { getArchivedNotes } from '@/app/actions/notes'
import { MasonryGrid } from '@/components/masonry-grid'
import { ArchiveHeader } from '@/components/archive-header'

export const dynamic = 'force-dynamic'

export default async function ArchivePage() {
  const notes = await getArchivedNotes()

  return (
    <main className="container mx-auto px-4 py-8 max-w-7xl">
      <ArchiveHeader />
      <MasonryGrid notes={notes} />
    </main>
  )
}