From 43463bf71e875ec157080b1cb105089004a8b24e Mon Sep 17 00:00:00 2001
From: Filip Hlavac <filip.hlavac01@gmail.com>
Date: Thu, 24 Oct 2024 14:54:32 +0200
Subject: [PATCH] fix(ContentHeader): Allow children in ContentHeader

---
 packages/module/src/ContentHeader/ContentHeader.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/module/src/ContentHeader/ContentHeader.tsx b/packages/module/src/ContentHeader/ContentHeader.tsx
index 6be1c68a..a3fd94c0 100644
--- a/packages/module/src/ContentHeader/ContentHeader.tsx
+++ b/packages/module/src/ContentHeader/ContentHeader.tsx
@@ -22,7 +22,7 @@ export interface PageHeaderLinkProps extends ButtonProps {
   isExternal?: boolean;
 }
 
-export interface ContentHeaderProps {
+export interface ContentHeaderProps extends React.PropsWithChildren {
   /** Title for content header */
   title: string;
   /** Subtitle for content header */
@@ -39,6 +39,8 @@ export interface ContentHeaderProps {
   actionMenu?: React.ReactNode;
   /** Custom OUIA ID */
   ouiaId?: string | number;
+  /** Child nodes */
+  children?: React.ReactNode;
 }
 
 const useStyles = createUseStyles({
@@ -55,6 +57,7 @@ export const ContentHeader: React.FunctionComponent<React.PropsWithChildren<Cont
   label,
   breadcrumbs = null,
   actionMenu,
+  children = null,
   ouiaId = 'ContentHeader',
 }: ContentHeaderProps) => {
   const classes = useStyles();
@@ -110,6 +113,7 @@ export const ContentHeader: React.FunctionComponent<React.PropsWithChildren<Cont
           </TextContent>
         </FlexItem>
       </Flex>
+      {children}
     </PageSection>
   )};