import { Tabs } from 'expo-router';
import CustomTabBar from '@/components/CustomTabBar';
import FloatingChatButton from '@/components/FloatingChatButton';
import { View, StyleSheet } from 'react-native';
import { Colors } from '@/constants/theme';

export default function TabLayout() {
  return (
    <View style={styles.root}>
      <Tabs
        tabBar={(props) => <CustomTabBar {...props} />}
        screenOptions={{
          headerShown: false,
        }}
      >
        <Tabs.Screen name="index" options={{ title: 'Dashboard' }} />
        <Tabs.Screen name="positions" options={{ title: 'Positions' }} />
        <Tabs.Screen name="history" options={{ title: 'History' }} />
        <Tabs.Screen name="strategies" options={{ title: 'Strategies' }} />
        <Tabs.Screen name="settings" options={{ title: 'Settings' }} />
      </Tabs>
      <FloatingChatButton />
    </View>
  );
}

const styles = StyleSheet.create({
  root: {
    flex: 1,
    backgroundColor: Colors.background.primary,
  },
});