Files
web/components/Section/Header/index.tsx

36 lines
859 B
TypeScript

import Preamble from "@/components/TempDesignSystem/Text/Preamble"
import Title from "@/components/TempDesignSystem/Text/Title"
import SectionLink from "../Link"
import styles from "./header.module.css"
import type { HeaderProps } from "@/types/components/myPages/header"
export default function SectionHeader({
link,
preamble,
title,
topTitle = false,
textTransform,
}: HeaderProps) {
if (!title && !preamble && !link) {
return null
}
return (
<header className={styles.header}>
<Title
as={topTitle ? "h3" : "h4"}
className={styles.title}
level={topTitle ? "h1" : "h2"}
textTransform={textTransform}
>
{title}
</Title>
{preamble && <Preamble className={styles.preamble}>{preamble}</Preamble>}
<SectionLink link={link} variant="desktop" />
</header>
)
}