From 441074e2ae2be5ac3b0465a9bb3983d856a2f675 Mon Sep 17 00:00:00 2001
From: Mounir Dhahri <soussouheros@gmail.com>
Date: Thu, 10 Oct 2024 13:12:49 +0200
Subject: [PATCH] chore: support sticky subheader

---
 src/elements/Screen/StickySubHeader.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/elements/Screen/StickySubHeader.tsx b/src/elements/Screen/StickySubHeader.tsx
index bbe77189..ecd0aa99 100644
--- a/src/elements/Screen/StickySubHeader.tsx
+++ b/src/elements/Screen/StickySubHeader.tsx
@@ -1,4 +1,4 @@
-import React, { useState } from "react"
+import { useState } from "react"
 import { LayoutChangeEvent } from "react-native"
 import Animated, { useAnimatedStyle, useDerivedValue, withTiming } from "react-native-reanimated"
 import { useScreenScrollContext } from "./ScreenScrollContext"
@@ -12,6 +12,7 @@ export interface StickySubHeaderProps extends React.PropsWithChildren<{}> {
   title: string
   separatorComponent?: React.ReactNode
   subTitle?: string
+  Component?: React.ReactNode
 }
 
 const STICKY_BAR_HEIGHT = 42
@@ -22,6 +23,7 @@ export const StickySubHeader: React.FC<StickySubHeaderProps> = ({
   separatorComponent = DEFAULT_SEPARATOR_COMPONENT,
   subTitle,
   children,
+  Component,
 }) => {
   const { currentScrollY, scrollYOffset = 0 } = useScreenScrollContext()
   const space = useSpace()
@@ -79,6 +81,7 @@ export const StickySubHeader: React.FC<StickySubHeaderProps> = ({
                 {subTitle}
               </Text>
             )}
+            {Component}
           </Flex>
         </Flex>
       )}
@@ -93,6 +96,7 @@ export const StickySubHeader: React.FC<StickySubHeaderProps> = ({
             </Text>
           )}
         </Flex>
+        {Component}
       </Animated.View>
 
       {children}