// import React from 'react';
// import { StyleSheet } from 'react-native';

// import Colors from '../constants/Colors';
// import { ExternalLink } from './ExternalLink';
// import { MonoText } from './StyledText';
// import { Text, View } from './Themed';


// export default function AccountScreenInfo({ path }: { path: string }) {
//   return (
//     <View>
//       <View style={styles.getStartedContainer}>
//         <Text
//           style={styles.getStartedText}
//           lightColor="rgba(0,0,0,0.8)"
//           darkColor="rgba(255,255,255,0.8)">
//           Apartment Clone Account Screen:
//         </Text>

//         <View
//           style={[styles.codeHighlightContainer, styles.homeScreenFilename]}
//           darkColor="rgba(255,255,255,0.05)"
//           lightColor="rgba(0,0,0,0.05)">
//           <MonoText>{path}</MonoText>
//         </View>

//         <Text
//           style={styles.getStartedText}
//           lightColor="rgba(0,0,0,0.8)"
//           darkColor="rgba(255,255,255,0.8)">
//           This is where your code will live.
//         </Text>
//       </View>

//       <View style={styles.helpContainer}>
//         <ExternalLink
//           style={styles.helpLink}
//           href="https://docs.expo.io/get-started/create-a-new-app/#opening-the-app-on-your-phonetablet">
//           <Text style={styles.helpLinkText} lightColor={Colors.light.tint}>
//             Tap here if your app doesn't automatically update after making changes
//           </Text>
//         </ExternalLink>
//       </View>
//     </View>
//   );
// }

// const styles = StyleSheet.create({
//   getStartedContainer: {
//     alignItems: 'center',
//     marginHorizontal: 50,
//   },
//   homeScreenFilename: {
//     marginVertical: 7,
//   },
//   codeHighlightContainer: {
//     borderRadius: 3,
//     paddingHorizontal: 4,
//   },
//   getStartedText: {
//     fontSize: 17,
//     lineHeight: 24,
//     textAlign: 'center',
//   },
//   helpContainer: {
//     marginTop: 15,
//     marginHorizontal: 20,
//     alignItems: 'center',
//   },
//   helpLink: {
//     paddingVertical: 15,
//   },
//   helpLinkText: {
//     textAlign: 'center',
//   },
// });

import { StyleSheet, Text, View } from 'react-native'
import React from 'react'

import Screen from './Screen'

const AccountScreenInfo = () => {
  return (
    <Screen>

      <Text style={styles.title}>
        AccountScreenInfo component is being displayed here
      </Text>

    </Screen>
  )
}

export default AccountScreenInfo

const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
  },
  title: {
    fontSize: 20,
    fontWeight: 'normal',
  },
  separator: {
    marginVertical: 30,
    height: 1,
    width: '80%',
  },
});