import { auth } from "@/auth"

import Overview from "@/components/MyPages/Blocks/Overview"
import OverviewMobile from "@/components/MyPages/Blocks/Overview/Mobile"
import Title from "@/components/MyPages/Title"
import UpcomingStays from "@/components/MyPages/Blocks/UpcomingStays"

import styles from "./page.module.css"

import type { LangParams, PageArgs } from "@/types/params"

export default async function MyPage({ params }: PageArgs<LangParams>) {
  const session = await auth()
  console.log({ session })
  return (
    <section className={styles.container}>
      <header className={styles.header}>
        <Title uppercase>Good morning {session?.user?.name ?? "[NAME]"}</Title>
      </header>
      <section className={styles.blocks}>
        <Overview />
        <OverviewMobile />
        <UpcomingStays lang={params.lang} />
      </section>
    </section>
  )
}