bc3233ff64
Feat/SW-196 design fixes * feat(SW-196): Updated copy My credit cards -> My payment cards * fix: update design system version * feat(SW-196): Update Header component to use Preamble instead of Subtitle * feat(SW-196): Minor design fixes Approved-by: Christel Westerberg
32 lines
800 B
TypeScript
32 lines
800 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) {
|
|
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>
|
|
)
|
|
}
|