import React from 'react';
import MainLayout from '@/layouts/MainLayout';
import AppPageHeader from '@/components/AppPageHeader';
import {TrustBalancesContent} from '@/Pages/Trust/Balances';
import {TrustReconciliationContent} from '@/Pages/Trust/Reconciliation';
import {usePage} from '@inertiajs/react';

export default function Index(): JSX.Element {
    const {url} = usePage();
    const activeView = url.includes('/trust/reconciliation') ? 'reconciliation' : 'balances';

    return (
        <MainLayout>
            <AppPageHeader title="Trust" subtitle="Management" />

            {activeView === 'balances' ? <TrustBalancesContent /> : <TrustReconciliationContent />}
        </MainLayout>
    );
}