add bid component completed

components/add_bid_button.component.js

 import React from 'react';
-import { StyleSheet, TouchableOpacity, Text, View, TextInput } from 'react-native';
+import { StyleSheet, TouchableOpacity, View, TextInput } from 'react-native';
 import themeColors from '../assets/colors';
-import { AppTextInput } from './text_input.component';
-
+import { MaterialIcons} from "@expo/vector-icons";
 export const AppAddBid = (props) => {
   return(
     <View style={styles.bidContainer}>
-      <AppTextInput/>
+      <TextInput style={styles.input} keyboardType='number-pad' placeholder='Enter bid'/>
       <TouchableOpacity onPress={props.onPress} style={styles.bid}>
-      <Text style={styles.label}>Bid</Text>
+      <MaterialIcons name="add" size={16} color={themeColors.WHITE} />
     </TouchableOpacity>
     </View>
-
   )
 }
 
 const styles = StyleSheet.create({
   bidContainer: {
     flex: 1,
+    marginVertical: 10,
     flexDirection: 'row',
+    alignItems: 'center',
     justifyContent: 'space-between',
-    paddingHorizontal: 20
+    paddingHorizontal: 20,
+    borderRadius: 20,
+    borderWidth: 1,
+    borderColor: themeColors.TERTIARY_COLOR,
+    maxHeight: 50
   },
   bid:{
     alignItems: "center",
-    padding: 10,
-    fontSize: 16,
+    padding: 8,
     backgroundColor: themeColors.PRIMARY_COLOR,
     borderRadius: 20,
     shadowColor: 'rgba(0,0,0, .4)',
@@ -33,11 +36,13 @@ const styles = StyleSheet.create({
     shadowOpacity: 1,
     shadowRadius: 1,
     elevation: 2,
-    marginVertical: 10
+    height: 33
   },
-  label: {
-    fontSize: 20,
-    color: themeColors.WHITE
+  input:{
+    alignItems: "center",
+    padding: 10,
+    fontSize: 16,
+    width: '80%'
   }
 });