28 lines
883 B
TypeScript
28 lines
883 B
TypeScript
import { useIntl } from "react-intl"
|
|
|
|
import Button from "@/components/TempDesignSystem/Button"
|
|
import Link from "@/components/TempDesignSystem/Link"
|
|
import Title from "@/components/TempDesignSystem/Text/Title"
|
|
|
|
import styles from "./emptyUpcomingStays.module.css"
|
|
|
|
export default function EmptyUpcomingStaysBlock() {
|
|
const { formatMessage } = useIntl()
|
|
return (
|
|
<section className={styles.container}>
|
|
<Title as="h5" level="h3">
|
|
{formatMessage({ id: "You have no upcoming stays." })}
|
|
<span className={styles.grayTitle}>
|
|
{" "}
|
|
{formatMessage({ id: "Where should you go next?" })}
|
|
</span>
|
|
</Title>
|
|
<Button asChild intent="primary" type="button">
|
|
<Link className={styles.link} href="#" key="getInspired">
|
|
{formatMessage({ id: "Get inspired" })}
|
|
</Link>
|
|
</Button>
|
|
</section>
|
|
)
|
|
}
|