import React from 'react';
import { SafeAreaView } from 'react-native';
import { Graph } from '../../../components';
import BudgetOverview from '../../../components/stats/BudgetOverview';
import BudgetRemaining from '../../../components/stats/BudgetRemaining';
import SavingsOverview from '../../../components/stats/SavingsOverview';
import Widget from '../../../components/stats/Widget';

export default function Page() {

    return (
        <SafeAreaView style={{flex: 1}}>
            <Widget title="Budget Overview"/>
            <Graph/>
            <BudgetRemaining/>
            <Widget>
                <BudgetOverview/>
            </Widget>
            <Widget>
                <SavingsOverview/>
            </Widget>
        </SafeAreaView>
    );
}