import Link from 'next/link'
import { UpdateSearchParamsButton } from '../components/UpdateSearchParamsButton'

export default async function Home(props) {
  const searchParams = await props.searchParams
  return (
    <main>
      <Link href="/refreshing/login">
        <button>Login button</button>
      </Link>
      <div>
        Random # from Root Page: <span id="random-number">{Math.random()}</span>
      </div>
      <UpdateSearchParamsButton searchParams={searchParams} />
    </main>
  )
}