import { getNotes, searchNotes } from '@/app/actions/notes'
import { NoteInput } from '@/components/note-input'
import { NoteGrid } from '@/components/note-grid'

export const dynamic = 'force-dynamic'

export default async function HomePage({
  searchParams,
}: {
  searchParams: Promise<{ search?: string }>
}) {
  const params = await searchParams
  const notes = params.search
    ? await searchNotes(params.search)
    : await getNotes()

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