Files
web/components/Section/Header/index.tsx
2024-06-18 16:21:06 +02:00

33 lines
841 B
TypeScript

import Link from "@/components/TempDesignSystem/Link"
import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
import Title from "@/components/TempDesignSystem/Text/Title"
import styles from "./header.module.css"
import type { HeaderProps } from "@/types/components/myPages/header"
export default function SectionHeader({
link,
subtitle,
title,
topTitle = false,
}: HeaderProps) {
return (
<header className={styles.header}>
<Title
as={topTitle ? "h2" : "h3"}
className={styles.title}
level={topTitle ? "h1" : "h2"}
>
{title}
</Title>
{link ? (
<Link className={styles.link} href={link.href} variant="myPage">
{link.text}
</Link>
) : null}
<Subtitle className={styles.subtitle}>{subtitle}</Subtitle>
</header>
)
}