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

export default function AuthLayout() {
  return (
    <Stack
      screenOptions={{
        headerStyle: {
          backgroundColor: Colors.light.primary,
        },
        headerTintColor: '#fff',
        headerTitleStyle: {
          fontWeight: 'bold',
        },
      }}
    >
      <Stack.Screen 
        name="booking/[serviceId]" 
        options={{ title: 'Agendamento' }} 
      />
      <Stack.Screen 
        name="booking/payment/[id]" 
        options={{ title: 'Pagamento' }} 
      />
      {/* Aqui virão as tabs no futuro na Fase 4 */}
    </Stack>
  );
}