From c46482cdaaf883971736488750513663dd023076 Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Wed, 17 Apr 2024 17:56:21 +0100
Subject: mobile: Add dark mode support

---
 apps/mobile/components/navigation/tabs.tsx | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)
 create mode 100644 apps/mobile/components/navigation/tabs.tsx

(limited to 'apps/mobile/components/navigation/tabs.tsx')

diff --git a/apps/mobile/components/navigation/tabs.tsx b/apps/mobile/components/navigation/tabs.tsx
new file mode 100644
index 00000000..976731bc
--- /dev/null
+++ b/apps/mobile/components/navigation/tabs.tsx
@@ -0,0 +1,25 @@
+import { ViewStyle } from "react-native";
+import { Tabs } from "expo-router";
+import { cssInterop } from "nativewind";
+
+function StyledTabsImpl({
+  tabBarStyle,
+  headerStyle,
+  ...props
+}: React.ComponentProps<typeof Tabs> & {
+  tabBarStyle?: ViewStyle;
+  headerStyle?: ViewStyle;
+}) {
+  props.screenOptions = {
+    ...props.screenOptions,
+    tabBarStyle,
+    headerStyle,
+  };
+  return <Tabs {...props} />;
+}
+
+export const StyledTabs = cssInterop(StyledTabsImpl, {
+  tabBarClassName: "tabBarStyle",
+  headerClassName: "headerStyle",
+  sceneContainerClassName: "sceneContainerStyle",
+});
-- 
cgit v1.3-1-g0d28

