From f71d0a07d55920bb9f1adaf79153ae83f6f59e71 Mon Sep 17 00:00:00 2001
From: Chuma McPhoy <chuma.mcphoy@scandichotels.com>
Date: Wed, 10 Jul 2024 13:39:00 +0200
Subject: [PATCH] feat: add textTransform prop to section headers

---
 components/Section/Header/index.tsx | 2 ++
 types/components/myPages/header.ts  | 3 +++
 2 files changed, 5 insertions(+)

diff --git a/components/Section/Header/index.tsx b/components/Section/Header/index.tsx
index 228d3b6ac..e005a8c07 100644
--- a/components/Section/Header/index.tsx
+++ b/components/Section/Header/index.tsx
@@ -12,6 +12,7 @@ export default function SectionHeader({
   subtitle,
   title,
   topTitle = false,
+  textTransform,
 }: HeaderProps) {
   return (
     <header className={styles.header}>
@@ -19,6 +20,7 @@ export default function SectionHeader({
         as={topTitle ? "h3" : "h4"}
         className={styles.title}
         level={topTitle ? "h1" : "h2"}
+        textTransform={textTransform}
       >
         {title}
       </Title>
diff --git a/types/components/myPages/header.ts b/types/components/myPages/header.ts
index 5eaafa0b4..af1ed6a7e 100644
--- a/types/components/myPages/header.ts
+++ b/types/components/myPages/header.ts
@@ -1,9 +1,12 @@
+import { HeadingProps } from "@/components/TempDesignSystem/Text/Title/title"
+
 export type HeaderProps = {
   link?: {
     href: string
     text: string
   }
   subtitle: string | null
+  textTransform?: HeadingProps["textTransform"]
   title: string | null
   topTitle?: boolean
 }