import React from 'react';
import { Routes, Route } from "react-router-dom";
import ProtectedRoute from "./ProtectedRoute.jsx";
import MainLayout from "../layouts/MainLayout.jsx";

// Import เส้นทางย่อยทั้งหมดที่กำหนดไว้ภายนอก
import pageRoutes from './pageRoutes.jsx';


export default function PrivateRoutes() {
    return (
        // 1. Routes หลักที่ครอบคลุมทั้งหมดภายใต้ /dashboard/*
        <Routes>
            {/* 2. Layer ความปลอดภัย: MainLayout ถูกครอบด้วย ProtectedRoute */}
            <Route element={<ProtectedRoute element={<MainLayout />} />}>

                {/* 3. Layer เส้นทางย่อย: วนซ้ำ pageRoutes เพื่อสร้าง <Route>s */}
                {pageRoutes.map((route, index) => (
                    // สร้าง Route สำหรับแต่ละรายการใน pageRoutes
                    <Route
                        key={index}
                        path={route.path}
                        element={route.element}
                    />
                ))}

            </Route>
        </Routes>
    );
}