From b0af113e9e1f88590547a031454f162213f5c3c3 Mon Sep 17 00:00:00 2001
From: Jialecl <jialestrabajos@gmail.com>
Date: Wed, 26 Nov 2025 08:37:18 +0100
Subject: [PATCH] Cursor styles when header is clickable

---
 packages/lib/src/header/Header.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/lib/src/header/Header.tsx b/packages/lib/src/header/Header.tsx
index e44c933a9..a171ff5bb 100644
--- a/packages/lib/src/header/Header.tsx
+++ b/packages/lib/src/header/Header.tsx
@@ -54,9 +54,10 @@ const RightSideContainer = styled(SideContainer)`
   justify-content: flex-end;
 `;
 
-const LogoContainer = styled.div`
+const LogoContainer = styled.div<{ isClickable: boolean }>`
   display: flex;
   align-items: center;
+  cursor: ${(props) => (props.isClickable ? "pointer" : "default")};
   svg {
     height: var(--height-m);
     width: auto;
@@ -176,6 +177,7 @@ const DxcHeader = ({ logo, appTitle, navItems, sideContent, responsiveBottomCont
               role={logo.onClick ? "button" : undefined}
               onClick={typeof logo.onClick === "function" ? logo.onClick : undefined}
               as={logo.href ? "a" : undefined}
+              isClickable={!!(logo.onClick || logo.href)}
             >
               {typeof logo.src === "string" ? (
                 <DxcImage src={logo.src} alt={logo.alt} height="var(--height-m)" objectFit="contain" />