From 3134196f2708bde52ec3e7986cd1a2acc10b8a68 Mon Sep 17 00:00:00 2001
From: Robb Hamilton <rhamilto@redhat.com>
Date: Fri, 18 Apr 2025 10:02:51 -0400
Subject: [PATCH] fix(PageHeader) Add the option to change the classname
 applied to the h1

---
 packages/module/src/PageHeader/PageHeader.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/module/src/PageHeader/PageHeader.tsx b/packages/module/src/PageHeader/PageHeader.tsx
index b29397e3..c601212c 100644
--- a/packages/module/src/PageHeader/PageHeader.tsx
+++ b/packages/module/src/PageHeader/PageHeader.tsx
@@ -42,6 +42,8 @@ export interface PageHeaderProps extends React.PropsWithChildren {
   ouiaId?: string | number;
   /** Child nodes */
   children?: React.ReactNode;
+  /** Optional classname that replaces the existing classname on the h1 element */
+  headingClassname?: string;
 }
 
 const useStyles = createUseStyles({
@@ -59,7 +61,8 @@ export const PageHeader: React.FunctionComponent<PageHeaderProps> = ({
   breadcrumbs = null,
   actionMenu,
   ouiaId = 'PageHeader',
-  children = null
+  children = null,
+  headingClassname,
 }: PageHeaderProps) => {
   const classes = useStyles();
   const { isExternal = false, ...linkRestProps } = linkProps ?? {};
@@ -92,7 +95,7 @@ export const PageHeader: React.FunctionComponent<PageHeaderProps> = ({
                   <Split hasGutter>
                     {title && (
                       <SplitItem>
-                        <Content className="pf-v6-u-mb-sm" component="h1" ouiaId={`${ouiaId}-title`}>
+                        <Content className={headingClassname ?? 'pf-v6-u-mb-sm'} component="h1" ouiaId={`${ouiaId}-title`}>
                           {title}
                         </Content>
                       </SplitItem>