ReplyPage.jsx

import React from 'react';
import {
  View,
  Text,
  Image,
  StyleSheet,
  StatusBar,
  useColorScheme,
  TouchableOpacity,
  Alert,
} from 'react-native';

import EmailInputBox from './emailinputbox';
import PasswordInputBox from './passwordinputbox';
import ReplyInputBox from './replyinputbox';

const ReplyPage = ({ navigation }) => {
  const isDarkMode = useColorScheme() === 'dark';

  return (
    <View style={styles.container}>
      <StatusBar barStyle={isDarkMode ? 'light-content' : 'dark-content'} />

      <Text style={styles.loginText}>Reply</Text>

     <ReplyInputBox/>

      <TouchableOpacity style={styles.button}
        onPress={() => {
          Alert.alert(
            "Reply Sent!",
            "",
            [
              { text: "Go Back", onPress: () => navigation.goBack() }
            ],
            { cancelable: false }
          );
        }}
      >
        <Text style={styles.buttonText}>Send Reply</Text>
      </TouchableOpacity>


    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#AFF4C6',
    justifyContent: 'center',
    alignItems: 'center',
    paddingHorizontal: 20,
  },
  avatar: {
    width: 150,
    height: 150,
    borderRadius: 75,
    marginBottom: 20,
    marginTop: -40,
  },
  loginText: {
    fontSize: 30,
    color: 'black',
    marginBottom: 20,
  },
  button: {
    backgroundColor: '#000000',
    paddingVertical: 12,
    paddingHorizontal: 24,
    borderRadius: 8,
    marginTop: 20,
    alignItems: 'center',
    width: 250,
  },
  buttonText: {
    color: '#fff',
    fontSize: 16,
    fontWeight: '600',
    textAlign: 'center',
  },
  linkText: {
    fontSize: 15,
    color: 'blue',
    marginTop: 20,
    textDecorationLine: 'underline',
  },
  linkText: {
    fontSize: 15,
    color: 'blue',
    marginTop: 20,
    textDecorationLine: 'underline',
  },
});

export default ReplyPage;