import AppPageHeader from "@/components/AppPageHeader";
import React from "react";
import MainLayout from "@/layouts/MainLayout";
import Documents from "./partials/Documents";
import Efiling from "./partials/Efiling";
import {usePage} from "@inertiajs/react";

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

    return (
        <MainLayout>
            <AppPageHeader title="Manage Documents" subtitle="Listing" />

            {activeView === 'documents' ? <Documents /> : <Efiling />}
        </MainLayout>
    );
}