2 files changed, 14 insertions, 18 deletions
diff --git a/src/view/com/util/Pager.tsx b/src/view/com/util/Pager.tsx
index 47b786fb1..c4f17ce65 100644
--- a/src/view/com/util/Pager.tsx
+++ b/src/view/com/util/Pager.tsx
@@ -1,19 +1,13 @@
 import React from 'react'
-import {Animated, StyleSheet, View} from 'react-native'
+import {Animated, View} from 'react-native'
 import PagerView, {PagerViewOnPageSelectedEvent} from 'react-native-pager-view'
+import {TabBarProps} from './TabBar'
 import {useAnimatedValue} from 'lib/hooks/useAnimatedValue'
 import {s} from 'lib/styles'
 
 export type PageSelectedEvent = PagerViewOnPageSelectedEvent
 const AnimatedPagerView = Animated.createAnimatedComponent(PagerView)
 
-export interface TabBarProps {
-  selectedPage: number
-  position: Animated.Value
-  offset: Animated.Value
-  onSelect?: (index: number) => void
-}
-
 interface Props {
   tabBarPosition?: 'top' | 'bottom'
   renderTabBar: (props: TabBarProps) => JSX.Element
diff --git a/src/view/com/util/TabBar.tsx b/src/view/com/util/TabBar.tsx
index 67c9276c6..dd8fdcb56 100644
--- a/src/view/com/util/TabBar.tsx
+++ b/src/view/com/util/TabBar.tsx
@@ -13,6 +13,17 @@ interface Layout {
   width: number
 }
 
+export interface TabBarProps {
+  selectedPage: number
+  items: string[]
+  position: Animated.Value
+  offset: Animated.Value
+  indicatorPosition?: 'top' | 'bottom'
+  indicatorColor?: string
+  onSelect?: (index: number) => void
+  onPressSelected?: () => void
+}
+
 export function TabBar({
   selectedPage,
   items,
@@ -22,16 +33,7 @@ export function TabBar({
   indicatorColor,
   onSelect,
   onPressSelected,
-}: {
-  selectedPage: number
-  items: string[]
-  position: Animated.Value
-  offset: Animated.Value
-  indicatorPosition?: 'top' | 'bottom'
-  indicatorColor?: string
-  onSelect?: (index: number) => void
-  onPressSelected?: () => void
-}) {
+}: TabBarProps) {
   const pal = usePalette('default')
   const [itemLayouts, setItemLayouts] = useState<Layout[]>(
     items.map(() => ({x: 0, width: 0})),