/**
 * FULL FEATURED TEMPLATE
 * 
 * Complete banking/fintech app with advanced UI, theming, and all modules.
 * Template with complex navigation and features.
 * 
 * INCLUDED MODULES:
 * Core:
 * - splash: App startup experience
 * - authentication: Login/register system  
 * - combined-auth: Advanced auth + dashboard with carousel
 * 
 * Features:
 * - summary: Account overview and balance
 * - everyday: Daily banking operations
 * - cards: Card management system
 * - apply: Product application flow
 * 
 * FEATURES:
 * - Dynamic theming system (light/dark + brands)
 * - Horizontal carousel navigation with pill masking
 * - Bottom tab navigation with overlays
 * - Cross-platform support (iOS/Android/Web)
 * - Advanced UI components and animations
 * 
 * DEPENDENCIES:
 * - react-native-gesture-handler
 * - ThemeProvider system
 * - All feature modules
 * 
 * USE CASE: Complex apps, fintech, production applications
 */


import React from 'react';
import { SafeAreaView, StyleSheet } from 'react-native';
import packageJson from './package.json';

import { GestureHandlerRootView } from 'react-native-gesture-handler';
import CombinedAuthModule from './src/modules/core/combined-auth';

// Import ThemeProvider
import { ThemeProvider } from './src/theme/ThemeProvider';

export default function App() {
  const appVersion = packageJson.version;
  const appName = packageJson.name;

  console.log(`\n\n\n\n==================================\n\n${appName} started: version ${appVersion}\n\n==================================`);

  return (
    <ThemeProvider initialTheme="dark">
      <GestureHandlerRootView style={styles.container}>
        <SafeAreaView style={styles.container}>
          <CombinedAuthModule />
        </SafeAreaView>
      </GestureHandlerRootView>
    </ThemeProvider>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
  },
});