import React, { useState } from 'react';

import { View, StyleSheet, TextInput, Button } from 'react-native';

const App = () => {

  const [textColor, setTextColor] = useState('black');

  const handleBlueButtonClick = () => {

    setTextColor('blue');

  };

  const handleGreenButtonClick = () => {

    setTextColor('green');

  };

  return (

    <View style={styles.container}>

      <TextInput

        style={[styles.input, { color: textColor }]}

        placeholder="Enter text..."

      />

      <Button title="Blue" onPress={handleBlueButtonClick} />

      <Button title="Green" onPress={handleGreenButtonClick} />

    </View>

  );

};

const styles = StyleSheet.create({

  container: {

    flex: 1,

    justifyContent: 'center',

    alignItems: 'center',

  },

  input: {

    width: '100%',

    height: 40,

    borderWidth: 1,

    borderColor: '#ccc',

    padding: 10,

  },

});

export default App;