import MaxWidth from "@/components/MaxWidth"
import PreviousStays from "@/components/MyPages/Blocks/Stays/Previous"
import UpcomingStays from "@/components/MyPages/Blocks/Stays/Upcoming"

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

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

export default async function MyStays({ params }: PageArgs<LangParams>) {
  return (
    <MaxWidth className={styles.container} tag="main">
      <UpcomingStays
        lang={params.lang}
        title={"Upcoming stays"}
        subtitle={
          "Excited about your next trip? So are we. Below are your upcoming stays with us, complete with all the details you need to make each visit perfect. Can't wait to welcome you back, friend!"
        }
      />
      <PreviousStays
        lang={params.lang}
        title={"Previous stays"}
        subtitle={
          "Revisit your stays and rekindle those our moments together, with ease."
        }
      />
    </MaxWidth>
  )
}
