Files
web/components/MyPages/Blocks/Stays/Upcoming/EmptyUpcomingStays/index.tsx
2024-04-26 16:06:41 +02:00

28 lines
789 B
TypeScript

import Link from "next/link"
import { _ } from "@/lib/translation"
import Title from "@/components/MyPages/Title"
import Button from "@/components/TempDesignSystem/Button"
import styles from "./emptyUpcomingStays.module.css"
export default function EmptyUpcomingStaysBlock() {
return (
<section className={styles.container}>
<Title level="h3" as="h5" uppercase>
{_(" You have no upcoming stays.")}
<span className={styles.grayTitle}>
{" "}
{_("Where should you go next?")}
</span>
</Title>
<Button intent={"primary"} bgcolor={"quarternary"} asChild type="button">
<Link className={styles.link} href={"#"} key={"getInspired"}>
{_("Get inspired")}
</Link>
</Button>
</section>
)
}