32 lines
823 B
TypeScript
32 lines
823 B
TypeScript
import Link from "next/link"
|
|
import Stay from "./Stay"
|
|
import Title from "@/components/MyPages/Title"
|
|
|
|
import styles from "./upcoming.module.css"
|
|
|
|
import type { LangParams } from "@/types/params"
|
|
import type { StaysProps } from "@/types/components/myPages/myPage/stays"
|
|
|
|
export default function UpcomingStays({
|
|
lang,
|
|
stays,
|
|
}: StaysProps & LangParams) {
|
|
return (
|
|
<section className={styles.container}>
|
|
<header className={styles.header}>
|
|
<Title level="h2" as="h4" uppercase>
|
|
Your upcoming stays
|
|
</Title>
|
|
<Link className={styles.link} href="#">
|
|
See all
|
|
</Link>
|
|
</header>
|
|
<section className={styles.stays}>
|
|
{stays.map((stay) => (
|
|
<Stay key={stay.hotel} {...stay} lang={lang} />
|
|
))}
|
|
</section>
|
|
</section>
|
|
)
|
|
}
|