From 0452fe53e76109194aaa22c5916bf755277a4188 Mon Sep 17 00:00:00 2001
From: Diane Guillot <diane.guillot@hotmail.fr>
Date: Thu, 29 Feb 2024 11:18:13 +0100
Subject: [PATCH] fix: a11y on modal header

---
 packages/Modal/src/Header.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/Modal/src/Header.tsx b/packages/Modal/src/Header.tsx
index 0e1ce97d80..5a164f2771 100644
--- a/packages/Modal/src/Header.tsx
+++ b/packages/Modal/src/Header.tsx
@@ -22,9 +22,13 @@ export const Header = forwardRef<'div', HeaderProps>(({ icon, subtitle, title, .
     <S.Header ref={ref} textAlign={icon ? 'center' : null} w="100%" {...rest}>
       <Close isOnHeader />
       {icon}
-      <Text mb={subtitle ? 'lg' : 0} mt={icon ? 'xl' : 0} variant="h4">
-        {title}
-      </Text>
+      {typeof title === 'string' ? (
+        <Text mb={subtitle ? 'lg' : 0} mt={icon ? 'xl' : 0} variant="h4">
+          {title}
+        </Text>
+      ) : (
+        title
+      )}
       {subtitle && <S.HeaderSubtitle>{subtitle}</S.HeaderSubtitle>}
     </S.Header>
   )