import { Stack } from 'expo-router';
import { Colors } from '../../constants/theme';

import { View } from 'react-native';
import { UnifiedBottomNav } from '../../components/home/UnifiedBottomNav';

export default function PublicLayout() {
  return (
    <View style={{ flex: 1 }}>
      <Stack
        screenOptions={{
          headerStyle: {
            backgroundColor: Colors.light.primary,
          },
          headerTintColor: '#fff',
          headerTitleStyle: {
            fontWeight: 'bold',
          },
          headerShadowVisible: false,
        }}
      >
        <Stack.Screen 
          name="index" 
          options={{ 
            title: 'E-Concerto',
            headerTitleAlign: 'center',
          }} 
        />
        <Stack.Screen 
          name="category/[slug]" 
          options={{ title: 'Categoria' }} 
        />
        <Stack.Screen 
          name="service/[slug]" 
          options={{ title: 'Detalhe do Serviço' }} 
        />
      </Stack>
      <UnifiedBottomNav />
    </View>
  );
}