@zezosoft/zezo-ott-react-native-ui-kit 1.0.5 → 1.0.7

package/src/theme/ThemeProvider.tsx

@@ -1,135 +1,72 @@
 /**
  * @author Naresh Dhamu
- * @lastModified Sat 26 Jul 2025 at 02:11 PM
+ * @lastModified Wed 22 Oct 2025 at 11:29 AM
  */
-import React, {
-  createContext,
-  useMemo,
-  useState,
-  useCallback,
-  useEffect,
-  useContext,
-  type ReactNode,
-} from 'react';
-import { View, StatusBar, Platform, Appearance } from 'react-native';
+
+import React, { createContext, useContext, type ReactNode } from 'react';
+import { View } from 'react-native';
 import {
   SafeAreaProvider,
   initialWindowMetrics,
 } from 'react-native-safe-area-context';
-import { LightTheme, DarkTheme, type ITheme, type AppTheme } from './themes';
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
+import { AppStatusBar } from '../components/common/AppStatusBar';
+import { useInternalTheme } from './hook/useInternalTheme';
+import { type ITheme, type ThemeOverride } from './themes';
 
 type ThemeContextType = {
-  theme: ITheme;
+  theme: {
+    dark: ITheme['colors'];
+    light: ITheme['colors'];
+  };
   isDarkMode: boolean;
-  toggleTheme: () => void;
-  setThemeOverride: (override?: Partial<AppTheme>) => void;
+  setTheme: (mode: 'light' | 'dark' | 'system') => void;
+  finalTheme: ITheme;
 };
 
 const ThemeContext = createContext<ThemeContextType | null>(null);
 
-export const useThemeContext = () => {
+/**
+ * Custom hook to access ZezoUI theme context.
+ */
+export const useTheme = (): ThemeContextType => {
   const ctx = useContext(ThemeContext);
-  if (!ctx) throw new Error('useTheme must be used within ZezoUIProvider');
+  if (!ctx) {
+    throw new Error('useTheme must be used within ZezoUIProvider');
+  }
   return ctx;
 };
 
 type ZezoUIProviderProps = {
   children: ReactNode;
-  theme?: Partial<AppTheme> & { dark?: boolean };
-  autoSwitchTheme?: boolean;
-};
-
-const getIsDarkMode = (
-  autoSwitchTheme: boolean | undefined,
-  colorScheme: 'dark' | 'light' | null,
-  userDark?: boolean
-): boolean => {
-  if (autoSwitchTheme) return colorScheme === 'dark';
-  return userDark ?? false;
+  theme?: ThemeOverride;
+  isDark?: boolean;
 };
 
+/**
+ * ZezoUIProvider — Wraps your app with theming, safe area, and gesture support.
+ */
 export const ZezoUIProvider: React.FC<ZezoUIProviderProps> = ({
   children,
-  theme,
-  autoSwitchTheme,
+  theme: overrideTheme,
+  isDark,
 }) => {
-  const colorScheme = Appearance.getColorScheme();
-  const [overrideTheme, setOverrideTheme] = useState<
-    Partial<AppTheme> | undefined
-  >(theme);
-
-  // ✅ Sync prop to state if changed externally
-  useEffect(() => {
-    if (theme) {
-      setOverrideTheme(theme);
-    }
-  }, [theme]);
-
-  // ✅ This prioritizes externally passed theme.dark
-  const isDarkMode = useMemo(() => {
-    if (theme?.dark !== undefined) return theme.dark;
-    return getIsDarkMode(
-      autoSwitchTheme,
-      colorScheme || 'dark',
-      overrideTheme?.dark
-    );
-  }, [theme?.dark, autoSwitchTheme, colorScheme, overrideTheme?.dark]);
-
-  const baseTheme = useMemo<ITheme>(
-    () => (isDarkMode ? DarkTheme : LightTheme),
-    [isDarkMode]
-  );
-
-  const mergedTheme = useMemo<ITheme>(() => {
-    return {
-      ...baseTheme,
-      ...overrideTheme,
-      dark: isDarkMode,
-      colors: {
-        ...baseTheme.colors,
-        ...(overrideTheme?.colors ?? {}),
-      },
-    };
-  }, [baseTheme, overrideTheme, isDarkMode]);
-
-  const toggleTheme = useCallback(() => {
-    if (autoSwitchTheme || theme?.dark !== undefined) return;
-    setOverrideTheme((prev) => ({
-      ...prev,
-      dark: !getIsDarkMode(false, null, prev?.dark),
-    }));
-  }, [autoSwitchTheme, theme?.dark]);
-
-  const setThemeOverride = useCallback((override?: Partial<AppTheme>) => {
-    setOverrideTheme(override);
-  }, []);
-
-  // ✅ Update StatusBar only when required
-
-  useEffect(() => {
-    StatusBar.setBarStyle(isDarkMode ? 'light-content' : 'dark-content', true);
-
-    if (Platform.OS === 'android') {
-      StatusBar.setBackgroundColor(mergedTheme.colors.background, true);
-    }
-  }, [isDarkMode, mergedTheme.colors.background]);
-  const contextValue = useMemo(
-    () => ({
-      theme: mergedTheme,
-      isDarkMode,
-      toggleTheme,
-      setThemeOverride,
-    }),
-    [mergedTheme, isDarkMode, toggleTheme, setThemeOverride]
-  );
+  const {
+    theme: finalTheme,
+    isDarkMode,
+    setTheme,
+    themeFull,
+  } = useInternalTheme(overrideTheme, isDark);
 
   return (
-    <GestureHandlerRootView>
+    <GestureHandlerRootView style={{ flex: 1 }}>
       <SafeAreaProvider initialMetrics={initialWindowMetrics}>
-        <ThemeContext.Provider value={contextValue}>
+        <ThemeContext.Provider
+          value={{ theme: themeFull, isDarkMode, setTheme, finalTheme }}
+        >
+          <AppStatusBar theme={overrideTheme} />
           <View
-            style={{ flex: 1, backgroundColor: mergedTheme.colors.background }}
+            style={{ flex: 1, backgroundColor: finalTheme.colors.background }}
           >
             {children}
           </View>

package/src/theme/hook/index.ts

@@ -0,0 +1,2 @@
+export * from './useInternalTheme';
+export * from './useThemeStatusBar';

package/src/theme/hook/useInternalTheme.ts

@@ -0,0 +1,83 @@
+/* eslint-disable react-hooks/exhaustive-deps */
+/**
+ * @author Naresh Dhamu
+ * @lastModified Fri 24 Oct 2025 at 10:45 AM
+ */
+
+import React from 'react';
+import {
+  DarkTheme,
+  LightTheme,
+  type ITheme,
+  type ThemeOverride,
+  type useInternalThemeReturn,
+} from '../themes';
+import { useInternalThemeStore } from '../../store/themeStore';
+import { Appearance } from 'react-native';
+
+export const useInternalTheme = (
+  override?: ThemeOverride,
+  isDark?: boolean
+): useInternalThemeReturn => {
+  const {
+    isDarkMode: storeDarkMode,
+    setTheme,
+    themeMode,
+    setIsDarkMode,
+  } = useInternalThemeStore();
+
+  const isDarkMode = isDark ?? storeDarkMode;
+
+  React.useEffect(() => {
+    if (isDark !== undefined) {
+      setTheme(isDark ? 'dark' : 'light');
+    }
+  }, [isDark, setTheme]);
+
+  React.useEffect(() => {
+    if (themeMode !== 'system') return;
+    const subscription = Appearance.addChangeListener(({ colorScheme }) => {
+      if (colorScheme === 'dark' || colorScheme === 'light') {
+        setIsDarkMode(colorScheme === 'dark');
+      }
+    });
+
+    return () => subscription.remove();
+  }, []);
+
+  const overrideColors = React.useMemo(
+    () => (isDarkMode ? (override?.dark ?? {}) : (override?.light ?? {})),
+    [override, isDarkMode]
+  );
+
+  const baseTheme = isDarkMode ? DarkTheme : LightTheme;
+
+  const finalTheme = React.useMemo<ITheme>(
+    () => ({
+      ...baseTheme,
+      colors: {
+        ...baseTheme.colors,
+        ...overrideColors,
+      },
+    }),
+    [baseTheme, overrideColors]
+  );
+
+  const themeFull = React.useMemo(
+    () => ({
+      light: (override?.light as ITheme['colors']) ?? LightTheme.colors,
+      dark: (override?.dark as ITheme['colors']) ?? DarkTheme.colors,
+    }),
+    [override]
+  );
+
+  return React.useMemo(
+    () => ({
+      theme: finalTheme,
+      isDarkMode,
+      setTheme,
+      themeFull,
+    }),
+    [finalTheme, isDarkMode, setTheme, themeFull]
+  );
+};

package/src/theme/hook/useThemeStatusBar.ts

@@ -0,0 +1,33 @@
+/**
+ * @author Naresh Dhamu
+ * @lastModified Wed 22 Oct 2025 at 10:29 AM
+ */
+/**
+ * Automatically syncs StatusBar color & style with current theme.
+ */
+import { useEffect } from 'react';
+import { StatusBar, Platform, type StatusBarStyle } from 'react-native';
+import Color from 'color';
+import type { ITheme } from '../themes';
+
+interface UseThemeStatusBarOptions {
+  theme: ITheme;
+  backgroundColor?: string;
+  barStyle?: StatusBarStyle;
+}
+
+export const useThemeStatusBar = ({
+  theme,
+  backgroundColor,
+  barStyle,
+}: UseThemeStatusBarOptions) => {
+  useEffect(() => {
+    const bgColor = backgroundColor ?? theme.colors.background;
+    const contentStyle: StatusBarStyle =
+      barStyle ?? (Color(bgColor).isDark() ? 'light-content' : 'dark-content');
+    StatusBar.setBarStyle(contentStyle, true);
+    if (Platform.OS === 'android') {
+      StatusBar.setBackgroundColor(bgColor, true);
+    }
+  }, [theme, backgroundColor, barStyle]);
+};

package/src/theme/index.ts

@@ -1,13 +1,7 @@
-import type { BaseColors, ITheme } from './themes';
-
 /**
  * @author Naresh Dhamu
  * @lastModified Sat 14 Jun 2025 at 11:47 AM
  */
-export type AppTheme = Omit<ITheme, 'colors'> & {
-  dark?: boolean;
-  colors?: Partial<BaseColors>;
-};
 
 export * from './ThemeProvider';
-export * from './hook/useTheme';
+export * from './themes';

package/src/theme/themes.ts

@@ -82,21 +82,40 @@ export type BaseColors = {
   switchThumbColor: string;
   switchTrackColorDisabled: string;
   switchThumbColorDisabled: string;
+
+  alert: {
+    success: string;
+    warning: string;
+    info: string;
+    error: string;
+  };
+  premiumIcon: string;
 };
 
 export interface ITheme {
-  dark: boolean;
-
   colors: BaseColors;
 }
+
 export type AppTheme = Omit<ITheme, 'colors'> & {
-  dark?: boolean;
   colors?: Partial<BaseColors>;
 };
 
-export const LightTheme: ITheme = {
-  dark: false,
+// New type for override object
+export type ThemeOverride = {
+  light?: Partial<BaseColors>;
+  dark?: Partial<BaseColors>;
+};
+export interface useInternalThemeReturn {
+  theme: ITheme;
+  themeFull: {
+    light: ITheme['colors'];
+    dark: ITheme['colors'];
+  };
+  isDarkMode: boolean;
+  setTheme: (mode: 'dark' | 'light' | 'system') => void;
+}
 
+export const LightTheme: ITheme = {
   colors: {
     primary: 'rgba(244, 197, 66, 1)',
     onPrimary: 'rgba(255, 255, 255, 1)',
@@ -194,11 +213,18 @@ export const LightTheme: ITheme = {
     switchThumbColor: 'white',
     switchTrackColorDisabled: '#D5D5D5',
     switchThumbColorDisabled: 'white',
+    premiumIcon: '#CA091E',
+
+    alert: {
+      success: '#4CAF50',
+      error: 'rgba(255, 0, 0, 1)',
+      warning: '#FF9800',
+      info: '#2196F3',
+    },
   },
 };
 
 export const DarkTheme: ITheme = {
-  dark: true,
   colors: {
     primary: 'rgba(244, 197, 66, 1)',
     onPrimary: 'rgba(15, 23, 42, 1)',
@@ -295,5 +321,13 @@ export const DarkTheme: ITheme = {
     switchThumbColor: 'white',
     switchTrackColorDisabled: '#D5D5D5',
     switchThumbColorDisabled: 'white',
+    premiumIcon: '#CA091E',
+
+    alert: {
+      success: '#4CAF50',
+      error: 'rgba(255, 0, 0, 1)',
+      warning: '#FF9800',
+      info: '#2196F3',
+    },
   },
 };

package/src/types/content/content-view.types.ts

@@ -5,7 +5,7 @@
 
 import type { StyleProp, TextStyle, ViewStyle } from 'react-native';
 import type { ImageStyle as FastImageStyle } from 'react-native-fast-image';
-import type { AppTheme, ITheme } from '../../theme/themes';
+import type { ThemeOverride } from '../../theme/themes';
 import type { IContentData } from '../../types';
 import type { IGetSectionData, ISectionItem } from '../../types/sections';
 import type { MoreFetchData } from '../../types/hook/usePaginatedSetion';
@@ -121,7 +121,7 @@ export type SkeletonOverrides = Partial<{
 export type HeroBannerProps = {
   backgroundImage: IContentData['thumbnail'];
   title: IContentData['name'];
-  theme: ITheme;
+  theme?: ThemeOverride;
   isLoading?: boolean;
   onPressPlay?: ({ is_trailer }: { is_trailer: boolean }) => void;
   onBackPress?: () => void;
@@ -136,7 +136,14 @@ export type HeroBannerProps = {
 export type ComponentProps = {
   content: IContentData;
   seasons?: IContentData['seasons'];
-  theme?: AppTheme;
+  text?: {
+    notFound?: {
+      title?: string;
+      subtitle?: string;
+      buttonText?: string;
+    };
+  };
+  theme?: ThemeOverride;
   isLoading?: boolean;
   seasonsIsLoading?: boolean;
   recommendedContent?: ISectionItem | null;

package/lib/module/components/Content/Card/components/NoContentFallback.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useCallback","TouchableOpacity","StyleSheet","Animated","useSharedValue","useAnimatedStyle","withSpring","scale","verticalScale","Text","useTheme","RFValue","jsx","_jsx","jsxs","_jsxs","NoContentFallback","message","retryText","onRetry","theme","emoji","style","appliedTheme","scaleValue","handlePressIn","value","damping","stiffness","handlePressOut","animatedButtonStyle","transform","View","styles","container","backgroundColor","colors","background","accessibilityLabel","accessibilityHint","children","color","textPrimary","textSecondary","onPress","onPressIn","onPressOut","retryButton","primary","borderColor","outline","accessibilityRole","create","flex","alignItems","justifyContent","paddingHorizontal","paddingVertical","fontSize","marginBottom","textAlign","fontWeight","lineHeight","borderRadius","borderWidth"],"sourceRoot":"../../../../../../src","sources":["components/Content/Card/components/NoContentFallback.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/theme/hook/useTheme.js

@@ -1,45 +0,0 @@
-"use strict";
-
-/**
- * @author Naresh Dhamu
- * @lastModified Sat 26 Jul 2025 at 02:11 PM
- */
-
-import React, { useMemo } from 'react';
-import { useThemeContext } from "../ThemeProvider.js";
-import { DarkTheme, LightTheme } from "../themes.js";
-export const useTheme = override => {
-  const {
-    theme: contextTheme,
-    isDarkMode,
-    setThemeOverride
-  } = useThemeContext();
-  const isOverrideDark = override?.dark ?? contextTheme.dark ?? isDarkMode;
-  const baseTheme = useMemo(() => {
-    return isOverrideDark ? DarkTheme : LightTheme;
-  }, [isOverrideDark]);
-  const finalTheme = useMemo(() => {
-    return {
-      ...baseTheme,
-      ...override,
-      dark: isOverrideDark,
-      colors: {
-        ...baseTheme.colors,
-        ...(override?.colors ?? {})
-      }
-    };
-  }, [baseTheme, override, isOverrideDark]);
-
-  // 🔄 Push override only once (optional)
-  React.useEffect(() => {
-    if (override) {
-      setThemeOverride(override);
-    } else {
-      setThemeOverride(undefined);
-    }
-  }, [override, setThemeOverride]);
-  return useMemo(() => ({
-    theme: finalTheme
-  }), [finalTheme]);
-};
-//# sourceMappingURL=useTheme.js.map

package/lib/module/theme/hook/useTheme.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useMemo","useThemeContext","DarkTheme","LightTheme","useTheme","override","theme","contextTheme","isDarkMode","setThemeOverride","isOverrideDark","dark","baseTheme","finalTheme","colors","useEffect","undefined"],"sourceRoot":"../../../../src","sources":["theme/hook/useTheme.ts"],"mappings":";;AAAA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,eAAe,QAAQ,qBAAkB;AAClD,SAASC,SAAS,EAAEC,UAAU,QAAoC,cAAW;AAE7E,OAAO,MAAMC,QAAQ,GAAIC,QAA4B,IAAwB;EAC3E,MAAM;IACJC,KAAK,EAAEC,YAAY;IACnBC,UAAU;IACVC;EACF,CAAC,GAAGR,eAAe,CAAC,CAAC;EAErB,MAAMS,cAAc,GAAGL,QAAQ,EAAEM,IAAI,IAAIJ,YAAY,CAACI,IAAI,IAAIH,UAAU;EAExE,MAAMI,SAAS,GAAGZ,OAAO,CAAC,MAAM;IAC9B,OAAOU,cAAc,GAAGR,SAAS,GAAGC,UAAU;EAChD,CAAC,EAAE,CAACO,cAAc,CAAC,CAAC;EAEpB,MAAMG,UAAU,GAAGb,OAAO,CAAS,MAAM;IACvC,OAAO;MACL,GAAGY,SAAS;MACZ,GAAGP,QAAQ;MACXM,IAAI,EAAED,cAAc;MACpBI,MAAM,EAAE;QACN,GAAGF,SAAS,CAACE,MAAM;QACnB,IAAIT,QAAQ,EAAES,MAAM,IAAI,CAAC,CAAC;MAC5B;IACF,CAAC;EACH,CAAC,EAAE,CAACF,SAAS,EAAEP,QAAQ,EAAEK,cAAc,CAAC,CAAC;;EAEzC;EACAX,KAAK,CAACgB,SAAS,CAAC,MAAM;IACpB,IAAIV,QAAQ,EAAE;MACZI,gBAAgB,CAACJ,QAAQ,CAAC;IAC5B,CAAC,MAAM;MACLI,gBAAgB,CAACO,SAAS,CAAC;IAC7B;EACF,CAAC,EAAE,CAACX,QAAQ,EAAEI,gBAAgB,CAAC,CAAC;EAEhC,OAAOT,OAAO,CAAC,OAAO;IAAEM,KAAK,EAAEO;EAAW,CAAC,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;AAC7D,CAAC","ignoreList":[]}

package/lib/typescript/src/components/Content/Card/components/NoContentFallback.d.ts

@@ -1,17 +0,0 @@
-/**
- * @author Naresh Dhamu
- * @lastModified Wed 25 Jun 2025 at 11:59 AM
- */
-import { type StyleProp, type ViewStyle } from 'react-native';
-import type { AppTheme } from '../../../../theme/themes';
-type NoContentFallbackProps = {
-    message?: string;
-    retryText?: string;
-    onRetry?: () => void;
-    theme?: AppTheme;
-    emoji?: string;
-    style?: StyleProp<ViewStyle>;
-};
-declare const NoContentFallback: ({ message, retryText, onRetry, theme, emoji, style, }: NoContentFallbackProps) => import("react/jsx-runtime").JSX.Element;
-export default NoContentFallback;
-//# sourceMappingURL=NoContentFallback.d.ts.map

package/lib/typescript/src/components/Content/Card/components/NoContentFallback.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NoContentFallback.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Content/Card/components/NoContentFallback.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAStB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAGzD,KAAK,sBAAsB,GAAG;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAEF,QAAA,MAAM,iBAAiB,GAAI,uDAOxB,sBAAsB,4CAwExB,CAAC;AAmCF,eAAe,iBAAiB,CAAC"}

package/lib/typescript/src/theme/hook/useTheme.d.ts

@@ -1,9 +0,0 @@
-/**
- * @author Naresh Dhamu
- * @lastModified Sat 26 Jul 2025 at 02:11 PM
- */
-import { type AppTheme, type ITheme } from '../themes';
-export declare const useTheme: (override?: Partial<AppTheme>) => {
-    theme: ITheme;
-};
-//# sourceMappingURL=useTheme.d.ts.map

package/lib/typescript/src/theme/hook/useTheme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../../../src/theme/hook/useTheme.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,EAAyB,KAAK,QAAQ,EAAE,KAAK,MAAM,EAAE,MAAM,WAAW,CAAC;AAE9E,eAAO,MAAM,QAAQ,GAAI,WAAW,OAAO,CAAC,QAAQ,CAAC,KAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAmCtE,CAAC"}

package/src/components/Content/Card/components/NoContentFallback.tsx

@@ -1,147 +0,0 @@
-/**
- * @author Naresh Dhamu
- * @lastModified Wed 25 Jun 2025 at 11:59 AM
- */
-
-import { useCallback } from 'react';
-import {
-  TouchableOpacity,
-  StyleSheet,
-  type StyleProp,
-  type ViewStyle,
-} from 'react-native';
-import Animated, {
-  useSharedValue,
-  useAnimatedStyle,
-  withSpring,
-} from 'react-native-reanimated';
-import { scale, verticalScale } from 'react-native-size-matters';
-import { Text } from '../../../Text';
-import { useTheme } from '../../../../theme/hook/useTheme';
-import type { AppTheme } from '../../../../theme/themes';
-import { RFValue } from 'react-native-responsive-fontsize';
-
-type NoContentFallbackProps = {
-  message?: string;
-  retryText?: string;
-  onRetry?: () => void;
-  theme?: AppTheme;
-  emoji?: string;
-  style?: StyleProp<ViewStyle>;
-};
-
-const NoContentFallback = ({
-  message = 'No content available right now.\nPlease check back later.',
-  retryText = 'Try Again',
-  onRetry,
-  theme,
-  emoji = '😔',
-  style,
-}: NoContentFallbackProps) => {
-  const { theme: appliedTheme } = useTheme(theme);
-  const scaleValue = useSharedValue(1);
-
-  const handlePressIn = useCallback(() => {
-    scaleValue.value = withSpring(0.95, { damping: 15, stiffness: 200 });
-  }, [scaleValue]);
-
-  const handlePressOut = useCallback(() => {
-    scaleValue.value = withSpring(1, { damping: 15, stiffness: 200 });
-  }, [scaleValue]);
-
-  const animatedButtonStyle = useAnimatedStyle(() => ({
-    transform: [{ scale: scaleValue.value }],
-  }));
-
-  return (
-    <Animated.View
-      style={[
-        styles.container,
-        style,
-        { backgroundColor: appliedTheme.colors.background },
-      ]}
-      accessibilityLabel="No content available"
-      accessibilityHint="Check back later or try again"
-    >
-      <Animated.Text
-        style={[styles.emoji, { color: appliedTheme.colors.textPrimary }]}
-      >
-        {emoji}
-      </Animated.Text>
-      <Text
-        style={[
-          styles.message,
-          {
-            color: appliedTheme.colors.textSecondary,
-          },
-        ]}
-      >
-        {message}
-      </Text>
-      {onRetry && (
-        <TouchableOpacity
-          onPress={onRetry}
-          onPressIn={handlePressIn}
-          onPressOut={handlePressOut}
-          style={[
-            styles.retryButton,
-            {
-              backgroundColor: appliedTheme.colors.primary,
-              borderColor: appliedTheme.colors.outline,
-            },
-          ]}
-          accessibilityLabel={retryText}
-          accessibilityRole="button"
-        >
-          <Animated.View style={animatedButtonStyle}>
-            <Text
-              style={[
-                styles.retryText,
-                {
-                  color: appliedTheme.colors.textPrimary,
-                },
-              ]}
-            >
-              {retryText}
-            </Text>
-          </Animated.View>
-        </TouchableOpacity>
-      )}
-    </Animated.View>
-  );
-};
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center',
-    paddingHorizontal: scale(20),
-    paddingVertical: verticalScale(40),
-  },
-  emoji: {
-    fontSize: RFValue(63),
-    marginBottom: verticalScale(16),
-    textAlign: 'center',
-  },
-  message: {
-    fontSize: RFValue(15),
-    textAlign: 'center',
-    fontWeight: '500',
-    lineHeight: verticalScale(22),
-    marginBottom: verticalScale(20),
-  },
-  retryButton: {
-    paddingHorizontal: scale(24),
-    paddingVertical: verticalScale(12),
-    borderRadius: scale(8),
-    borderWidth: scale(1),
-  },
-  retryText: {
-    fontSize: RFValue(13),
-    fontWeight: '600',
-    textAlign: 'center',
-  },
-});
-
-export default NoContentFallback;