import React, { lazy } from "react";
import { Route } from "react-router-dom";
import ProtectedRoute from "../../auth/ProtectedRoute";
import { LazyRoute } from "../../common/LazyRoute";

const ThemeManagement = lazy(() => import("./ThemeManagement"));

export const themeManagementRoutes = [
  <Route
    key="theme-management"
    path="/theme-management"
    element={
      <ProtectedRoute>
        <LazyRoute>
          <ThemeManagement />
        </LazyRoute>
      </ProtectedRoute>
    }
  />,
];
