import { View, Text } from 'react-native';
import { Image } from 'expo-image';

import { useTheme } from '@/hooks/useTheme';
import { Screen } from '@/components/Screen';
import { styles } from './styles';

export default function DemoPage() {
  const { theme, isDark } = useTheme();

  return (
    <Screen backgroundColor={theme.backgroundRoot} statusBarStyle={isDark ? 'light' : 'dark'}>
      <View
        style={styles.container}
      >
        <Image
          style={styles.logo}
          source="https://lf-coze-web-cdn.coze.cn/obj/eden-cn/lm-lgvj/ljhwZthlaukjlkulzlp/coze-coding/expo/coze-loading.gif"
        ></Image>
        <Text style={{...styles.title, color: theme.textPrimary}}>APP 开发中</Text>
        <Text style={{...styles.description, color: theme.textSecondary}}>即将为您呈现应用界面</Text>
      </View>
    </Screen>
  );
}