From b7fc40e68822f0d0e69b18791c77311a20f69fca Mon Sep 17 00:00:00 2001
From: Andreas Hufler <andreas.hufler@aboutbits.it>
Date: Thu, 17 Oct 2024 09:48:54 +0200
Subject: [PATCH] allow for a right element in section header

---
 src/components/section/SectionHeader/SectionHeader.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/section/SectionHeader/SectionHeader.tsx b/src/components/section/SectionHeader/SectionHeader.tsx
index 08d363dc..004ddc78 100644
--- a/src/components/section/SectionHeader/SectionHeader.tsx
+++ b/src/components/section/SectionHeader/SectionHeader.tsx
@@ -1,16 +1,21 @@
 import { ReactNode } from 'react'
 import { SectionHeaderArea } from './SectionHeaderArea'
 import { SectionHeaderTitle } from './SectionHeaderTitle'
+import { SectionHeaderRow, SectionHeaderRowLayout } from './SectionHeaderRow'
 
 export type SectionHeaderProps = {
   title: ReactNode
   className?: string
+  right?: ReactNode
 }
 
-export function SectionHeader({ className, title }: SectionHeaderProps) {
+export function SectionHeader({ className, title, right }: SectionHeaderProps) {
   return (
     <SectionHeaderArea className={className}>
-      <SectionHeaderTitle>{title}</SectionHeaderTitle>
+      <SectionHeaderRow layout={SectionHeaderRowLayout.SpaceBetween}>
+        <SectionHeaderTitle>{title}</SectionHeaderTitle>
+        {right}
+      </SectionHeaderRow>
     </SectionHeaderArea>
   )
 }