import React from 'react';

import { Graph } from '../../../components';
import BudgetOverview from '../../../components/stats/BudgetOverview';
import BudgetRemaining from '../../../components/stats/SavingsOverview';
import SavingsOverview from '../../../components/stats/SavingsOverview';
import Widget from '../../../components/stats/Widget';
import FinancialAdvice from '../../../components/stats/FinancialAdvice';
import BudgetTotal from '../../../components/stats/BudgetTotal';
import { ScrollView } from 'react-native-gesture-handler';
import { SafeAreaView } from 'react-native-safe-area-context';
import DebugMenu from '../../../services/DebugMenu';

export default function Page() {

    return (
        <SafeAreaView style={{flex:1}}>
            <ScrollView>
                {/* <DebugMenu/> */}
                <Widget title="Budget Overview"/>
                <Graph/>
                <Widget>
                    <BudgetOverview/>
                </Widget>
                <Widget>
                    <SavingsOverview/>
                </Widget>
                <Widget>
                    <BudgetTotal/>
                </Widget>
                {/* <Widget title='"Financial" Tips' backgroundColor='orange'>
                    <FinancialAdvice/>
                </Widget> */}
                    
                   
            </ScrollView>
        </SafeAreaView>
    );
}