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:'transparent',
    },
    
    containerBottom:{
        //padding:20,
        
        elevation:0,
        width: '100%',
        height: '17%',
        marginBottom:0,
        alignContent:'center',
        backgroundColor: 'white',
        borderRadius:1
    },
    picBg: {
        backgroundColor: 'white',
        marginTop:10,
    },
    cardPic: {
        
        width:25,
        height:27,
    },
    textStyle:{
        color: 'grey',
        fontSize:18,
     
    },
    textStyle1:{
        color: 'grey',
        fontSize:16,
        
    },
    textStyle2:{
        color: 'grey',
        fontSize:12
},
    horizontalLine: {
        height: 2,
        width: 370,
        backgroundColor: '#909090',
        marginVertical:5,
        marginHorizontal:10
    },
    food:{
        width:30,
        height:30,
        marginTop:2
        
    },
    dividerLine:{
        height: 0.5,
        width: '77%',
        backgroundColor: '#909090',
        marginHorizontal:75,
        // marginVertical:1, 
        marginBottom:5,
        // marginTop:5
    },
    drawerSection: {
        marginTop: 15,
      },

      addButton: {
        width: 65,
        height: 65,
        borderRadius: 100,
        backgroundColor: '#70dc70',
        marginHorizontal:270,
        marginVertical:1
      },
      item: {
        backgroundColor: 'powderblue',
        padding: 20,
        marginVertical: 0,
        marginHorizontal: 16,
      },
      title: {
        fontSize: 32,
      },

      img:{
        width:30,
        height:30,
        marginVertical:10,
        marginHorizontal:10
      },
});
export default styles;