Files
web/components/MyPages/Blocks/Header/index.tsx
2024-05-15 09:43:29 +02:00

38 lines
855 B
TypeScript

import Link from "next/link"
import Title from "@/components/Title"
import styles from "./header.module.css"
import type { HeaderProps } from "@/types/components/myPages/stays/title"
export default function Header({ title, subtitle, link }: HeaderProps) {
return (
<>
<header className={styles.header}>
{title && (
<Title
as="h3"
level="h2"
className={styles.title}
weight="medium"
uppercase
>
{title}
</Title>
)}
{link && (
<Link className={styles.link} href={link.href}>
{link.text}
</Link>
)}
{subtitle && (
<Title as="h5" weight="regular" className={styles.subtitle}>
{subtitle}
</Title>
)}
</header>
</>
)
}