import type { AppRoute } from "@core/types/router.type";
import { DashboardLayout } from "../layouts";
import CampaignsPage from "../pages/campaigns";
import CampaignDetailPage from "../pages/campaigns/detail";
import DashboardPage from "../pages/main-page";
import ProfilePage from "../pages/profile";
import { DASHBOARD_ROUTE } from "./route.constant";

export const dashboardRoutes: AppRoute[] = [
  {
    path: DASHBOARD_ROUTE.sub,
    element: <DashboardLayout />,
    children: [
      {
        path: DASHBOARD_ROUTE.dashboard,
        element: <DashboardPage />,
      },
      {
        path: DASHBOARD_ROUTE.profile,
        element: <ProfilePage />,
      },
      {
        path: DASHBOARD_ROUTE.campaigns,
        element: <CampaignsPage />,
      },
      {
        path: `${DASHBOARD_ROUTE.campaigns}/:id`,
        element: <CampaignDetailPage />,
      },
    ],
  },
];