import React, {ReactNode, useEffect, useState} from 'react';
import {Link, NavLink, Route, Routes} from "react-router-dom";
import DocumentsList from "./DocumentsList";
import DocumentsAdd from "./DocumentsAdd";
import DocumentsEdit from "./DocumentsEdit";
import DocumentSingle from './DocumentSingle';

type DocumentsManagementProps = {
    children?: ReactNode
}

const DocumentsManagement = ({children}: DocumentsManagementProps) => {
    return (
        <Routes>
            <Route
                path=""
                element={
                    <DocumentsList/>
                }/>
            <Route
                path="add"
                element={<DocumentsAdd/>}/>
            <Route
                path="edit/:doc_id"
                element={<DocumentsEdit/>}/>
            <Route
                path="view/:doc_id"
                element={<DocumentSingle/>}/>
        </Routes>
    );
}

export default DocumentsManagement;