import { useRouter } from 'expo-router'
import { Image, Text, View } from 'react-native'
import { SafeAreaView } from 'react-native-safe-area-context'
import { AButton } from '@/components/common/ao'
import { useNavStore } from '@/store/navigation'

export default function Index() {
  const navStore = useNavStore()

  return (
    <SafeAreaView className="flex-1 bg-white">
      <View className="flex-1 items-center justify-center px-6">

        <Image
          source={require('@/static/images/welcome.png')}
          className="w-86 h-48 mb-6"
          resizeMode="contain"
        />

        <Text className="text-2xl font-semibold text-gray-900 mb-3">
          🎉 欢迎使用 OneAO
        </Text>

        <Text className="text-base text-gray-500 text-center mb-10">
          记录生活，记录情绪
        </Text>

        <AButton
          className="w-full"
          onPress={() => {
            navStore.navigateTo('finance')
          }}
        >
          开始使用
        </AButton>
      </View>
    </SafeAreaView>
  )
}