import Constants from 'expo-constants';
import React from 'react';
import { View } from 'react-native';
import { SafeAreaView } from 'react-native-safe-area-context';

import { Text } from '@/components/ui/text';
import { ScreenHeader } from '@/components/screen-header';

export default function AboutScreen() {
  const version = Constants.expoConfig?.version ?? '1.0.0';

  return (
    <View className="flex-1 bg-background">
      <ScreenHeader title="关于" />
      <SafeAreaView className="flex-1 items-center justify-center gap-4 px-6">
        <Text variant="h2" className="text-foreground">
          岁月时书
        </Text>
        <Text className="text-muted-foreground">Life Echo</Text>
        <Text className="text-sm text-muted-foreground">版本 {version}</Text>
        <Text className="mt-8 text-center text-sm leading-5 text-muted-foreground">
          记录你的人生故事，让回忆成书。
        </Text>
      </SafeAreaView>
    </View>
  );
}