design added to auction screen

screen/Home.Auction.Screen.js

@@ -3,86 +3,36 @@
 
 // Import React and Component
 import React from 'react';
-import {StyleSheet} from 'react-native';
+import {View, StyleSheet, Image} from 'react-native';
 import { AppButton } from "../components/button.component";
 import { AppTextInput } from '../components/text_input.component';
 import { AppContainer } from '../container/container';
-
+import themeColors from '../assets/colors';
 const  HomeAuctionScreen =  ({navigation}) => {
   return (
-    <AppContainer>
-      <AppTextInput/>
-      <AppButton
-        label='Test'
-      />
-    </AppContainer>
+    <View style={styles.container}>
+      <View style={styles.header}>
+      </View>
+      <View style={styles.contentContainer}>
+
+      </View>
+    </View>
   );
 };
 export default HomeAuctionScreen;
+
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    color: '#333',
-    padding: 10,
-    marginTop: 20,
-    marginBottom: 10,
-    width: "100%",
-  },
-  activityIndicator: {
-    alignItems: 'center',
-    height: 80,
+    backgroundColor: '#ffffff'
   },
-  Button:{
-    alignItems: "center",
-    backgroundColor: "#DDDDDD",
-    padding: 10
-  },
-  input: {
-    borderWidth: 1,
-    borderColor: '#ddd',
-    padding: 10,
-    paddingTop: 10,
-    fontSize: 18,
-    borderRadius: 6,
-    marginTop: 20,
-    marginBottom: 10,
-    marginLeft: 10,
-    marginRight: 10
-
-
+  header: {
+    height: '35%',
+    backgroundColor : themeColors.PRIMARY_COLOR,
+    borderBottomEndRadius: 25,
+    borderBottomStartRadius: 25
   },
-  heading: {
-    textAlign: 'center',
-    color: '#333',
-    fontWeight: 'bold',
-    padding: 10,
-    fontSize: 18,
-  },
-  buttonSub: {
-    width: "90%",
-    padding: 10,
-    marginTop: 20,
-    marginLeft: 20,
-    marginHorizontal: 10,
-    backgroundColor: "#ff8000",
-    flexDirection: "row",
-    marginBottom: 10,
-    justifyContent: "center",
-    borderRadius:10
-  },
-  textdata:{
-    fontSize: 18,
-    textAlign: 'center',
-    color: 'black',
-    marginTop: 20,
-    marginBottom: 5,
-
-  },
-  iconView:{
-    alignSelf: 'center',
-  },
-  images:{
-    height: '100%',
-    justifyContent: 'center'
+  contentContainer: {
+    flex: 1,
   }
-});
\ No newline at end of file
+})
\ No newline at end of file