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'
    },
    
    containerBottom:{
        padding:20,
        marginTop:160,
        elevation:7,
        borderRadius: 2,
        width: '96%',
        height: '78%',
        //position:'absolute',
        alignContent:'center',
        backgroundColor: 'white',
        marginHorizontal:8,
    },
    picBg: {
        backgroundColor: 'white',
        marginTop:10,
    },
    cardPic: {
        
        width:20,
        height:20,
    },
    textStyle:{
        color: 'black',
        fontSize:18,
     
    },
    textStyle1:{
        color: 'grey',
        fontSize:18,
        
    },
    textStyle2:{
        color: 'red',
        fontSize:20
},
    horizontalLine: {
        height: 2,
        width: 353,
        backgroundColor: '#909090',
        marginVertical:5,
    },
    food:{
        width:40,
        height:40,
        marginTop:2
        
    },
    dividerLine:{
        height: 1,
        width: '100%',
        backgroundColor: 'lightgrey',
        marginHorizontal:0,
        marginVertical:10
    },

    dividerLine2:{
        height: 0.9,
        width: '42%',
        backgroundColor: 'lightgray',
        elevation:0.1
    },
    dividerLine1:{
        height: 0.9,
        width: '40%',
        backgroundColor: 'lightgray',
        elevation:0.1
    },
    drawerSection: {
        marginTop: 15,
      },
      saveButton: {
        alignItems: "center",
        backgroundColor: "dodgerblue",
        padding: 10,
        width:'50%',
        borderRadius:5,
        marginTop:50,
        marginHorizontal:80
      },

});
export default styles;