import * as React from 'react';
import { Button, View, StyleSheet} from 'react-native';
import { createDrawerNavigator } from '@react-navigation/drawer';
import { NavigationContainer } from '@react-navigation/native';


const styles = StyleSheet.create ({
    container:{
        flex: 1, 
        backgroundColor:'white',
        //marginTop:16,
        
    },
    
    containerBottom:{
        //padding:20,
        
        elevation:0,
        width: '100%',
        height: '15%',
        marginTop:10,
        alignContent:'center',
        backgroundColor: 'transparent',
        borderRadius:1
    },
    picBg: {
        backgroundColor: 'white',
        marginTop:10,
    },
    cardPic: {
        
        width:25,
        height:27,
    },
    textStyle:{
        color: 'black',
        fontSize:18,
     
    },
    textStyle1:{
        color: 'grey',
        fontSize:12,
        
    },
    textStyle2:{
        color: 'red',
        fontSize:18
},
    verticalLine: {
        height: 30,
        width: 2,
        backgroundColor: '#909090',
    },
    img:{
        width:40,
        height:40,
     
    },
    
    drawerSection: {
        marginTop: 15,
      },

      addButton: {
        width: 65,
        height: 65,
        borderRadius: 100,
        backgroundColor: '#70dc70',
        marginHorizontal:270,
        marginVertical:1
      },
      saveButton: {
        alignItems: "center",
        backgroundColor: "dodgerblue",
        padding: 10,
        width:'20%',
        borderRadius:5,
        marginTop:50,
        marginHorizontal:156
      },
      img:{
        width:30,
        height:30,
        alignItems: 'center',
        marginHorizontal:9,
        marginTop:9,
      },

      containerBox:{
        borderWidth: 1,
    borderColor: '#CECECE',
    width: 250,
    height: 50,
    alignSelf: 'center',
    justifyContent: 'space-between',
    alignItems: 'center',
    flexDirection: 'row',
    marginTop: 30,
    padding: 5,
      },

});
export default styles;