import React from 'react';
import { StyleSheet, Text, View, TextInput, Button } from 'react-native';


export default function AddDepense(props){
    const [addingDepense, onAddDepense] = React.useState(false);


    return (<View style={add_depenses_styles.overlay}>
    <View >
        {addingDepense ? 
            <View style={ add_depenses_styles.form_area}>
                <Text> Le form</Text>
                <Button title="Ajouter"/>
            </View>
         : <View/>}
    </View>
    <View style={ add_depenses_styles.button_add_parent }>
        <Button 
            style={add_depenses_styles.button_add} 
            title="+"
            onPress={() => onAddDepense(!addingDepense)}></Button>
    </View>
    </View>
    );
}


const add_depenses_styles = StyleSheet.create({
    overlay: {
        height: "100%",
        width: "100%",
        position: 'absolute',

    },
    form_area: {
        backgroundColor: '#282828',

    },
    button_add: {

    },
    button_add_parent: {
        position: 'absolute',
        bottom: 10,
        right: 10,
    }
});