import { NativeStackNavigationOptions } from '@react-native-bedrock/native/@react-navigation/native-stack';
import { Platform } from 'react-native';

export const DEFAULT_BACKGROUND_COLOR = '#ffffff';
export const DEFAULT_HEADER_TINT_COLOR = '#333d4b';
export const BASE_STACK_NAVIGATOR_STYLE: NativeStackNavigationOptions = {
  contentStyle: {
    backgroundColor: DEFAULT_BACKGROUND_COLOR,
  },
  headerTintColor: DEFAULT_HEADER_TINT_COLOR,
  headerTitleStyle: {
    color: 'transparent',
  },
  headerStyle: {
    backgroundColor: DEFAULT_BACKGROUND_COLOR,
  },
  headerShadowVisible: false,

  // FIX
  // react-navigation의 Android transition 동작은 OS default를 따라간다고 docs에 적혀있는데 실제로는 그렇지 않습니다.
  // 아래에서 위로 올라오는 애니메이션으로 통일하는 방식으로 문제를 해결하기로 했습니다.
  animation: Platform.OS === 'android' ? 'fade_from_bottom' : 'default',
};