import { Stack } from 'expo-router';
import { StatusBar } from 'expo-status-bar';
import { StyleSheet, View } from 'react-native';

import { Brand } from '@/constants/theme';

/**
 * Stack layout for the gumble auth / onboarding flow. The header is hidden
 * and the background is forced to the brand dark, so the flow always renders
 * in its intended dark theme regardless of the OS color scheme.
 */
export default function AuthLayout() {
  return (
    <View style={styles.root}>
      <Stack
        screenOptions={{
          headerShown: false,
          contentStyle: { backgroundColor: Brand.bg },
          animation: 'slide_from_right',
        }}
      />
      <StatusBar style="light" />
    </View>
  );
}

const styles = StyleSheet.create({
  root: {
    flex: 1,
    backgroundColor: Brand.bg,
  },
});
