allow for a right element in section header

aboutbits · Oct 17, 2024 · b7fc40e · b7fc40e
1 parent d3f1aae
commit b7fc40e
Showing 1 changed file with 7 additions and 2 deletions.
diff --git 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>
   )
 }