apartment-clone/components/AccountScreenInfo.tsx

116 lines
2.7 KiB
TypeScript

// 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%',
},
});