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',        
    },
    
    containerTop:{
        padding:20,
        marginTop:0,
        elevation:7,
        borderRadius:7,
        width: '95%',
        height: '97%',
        //position:'absolute',
        //alignContent:'center',
        backgroundColor: 'white',
        marginHorizontal:11,
    },
    containerUp:{
        padding:50,
        marginTop:10,
        elevation:7,
        borderRadius:7,
        width: '99%',
        height: '47%',
        //position:'absolute',
        //alignContent:'center',
        backgroundColor: 'white',
        marginHorizontal:1,
    },
   
    textStyle:{
        color: 'black',
        fontSize:23,
        fontWeight:'400'
     
    },
    textStyle1:{
        color: 'grey',
        fontSize:10,
        
    },
    textStyle2:{
        color: 'red',
        fontSize:20
},
    
    addButton: {
        width: 65,
        height: 65,
        borderRadius: 100,
        backgroundColor: '#70dc70',
        marginHorizontal:320,
        marginVertical:175
      },
      food:{
        width:30,
        height:30,
        marginTop:2
      },
      dividerLine:{
        height: 1.5,
        width: '90%',
        backgroundColor: '#909090',
        marginHorizontal:20,
        marginVertical:0,
        marginTop:5,
        marginBottom:20
    },
    sectionHeader: {
        paddingTop: 10,
        paddingLeft:20,
        paddingRight: 10,
        paddingBottom: 0,
        backgroundColor: 'white',
        marginVertical:5,
        color: 'black',
        fontSize:20,
        fontWeight:'400'
      },
      item: {
        //padding: 0,
        fontSize:19, 
        marginVertical:0, 
        marginHorizontal:20,
        color:'black',
        height: 60,
        flexDirection:'row',
        marginBottom:10
      },
      img:{
        width:30,
        height:30,
        
      },
      centeredView: {
        flex: 1,
        justifyContent: "center",
        alignItems: "center",
        marginTop: 22
      },
      modalView: {
        margin: 20,
        backgroundColor: "white",
        borderRadius: 20,
        padding: 15,
        alignItems: "center",
        width:280,
        height:180,
        shadowColor: "#000",
        shadowOffset: {
          width: 0,
          height: 2
        },
        shadowOpacity: 0.25,
        shadowRadius: 4,
        elevation: 5
      },
      button: {
        borderRadius: 20,
        padding: 10,
        elevation: 2
      },
      buttonOpen: {
        backgroundColor: "#F194FF",
      },
      buttonClose: {
        backgroundColor: "#2196F3",
      },
      modalText: {
        marginBottom: 15,
        marginTop:15,
        textAlign: "center",
        fontSize:18,
      },
  modalBackGround:{
    flex:1, 
    backgroundColor:'rgba(0,0,0,0.5)', 
    justifyContent:'center',
    alignItems:'center'
  },
  modalContainer:{
    width:"80%",
    backgroundColor:'white',
    paddingHorizontal:20,
    paddingVertical:30,
    borderRadius:20,
    elevation:20,
  },
  header:{
width:'100%',
height:40,
alignItems:'flex-end',
justifyContent:'center',
  },


});
export default styles;