import { createBrowserRouter, RouterProvider } from 'react-router-dom';
import { HomePage } from './domains/Home/Home.page';
import { Consulta_API } from './domains/Experiments/Consulta_api';
import { Error_404 } from './domains/FitzStudio/404/404'; // Ajusta si está en otra carpeta
import { Grid_Dashboard } from './domains/Experiments/Grid_dashboard'; // Ajusta si está en otra carpeta
import { Biblioteca } from './domains/TextEditor/Biblioteca';
import { VisualizacionesRandom } from './domains/Experiments/Visualizaciones_Random';
import { Camara_noir } from './domains/CamaraNoir/Camaras_noir';
import EditorTest from "./domains/TextEditor/Editor_Test";


const router = createBrowserRouter([

  // Home Principal

  {
    path: '/',
    element: <HomePage />,
  },



  
  // Biblioteca

  {
    path: '/bibliot/Biblioteca',
    element: <Biblioteca />,
  },
  {
    path: '/bibliot/editortest',
    element: <EditorTest />,
  },


  // CamaraNoir

  {
    path: '/camara/principal',
    element: <Camara_noir />,
  },



  // Experimentos

  {
    path: '/experiments/Consulta_API',
    element: <Consulta_API />,
  },

  {
    path: '/experiments/Grid_Dashboard',
    element: <Grid_Dashboard />,
  },
  {
    path: '/experiments/Visualizaciones_Random',
    element: <VisualizacionesRandom />,
  },



  // FitzStudio Pages -------------------------------------------------------
  // Error 404

  {
    path: '*',
    element: <Error_404 />,
  },
]);

export function Router() {
  return <RouterProvider router={router} />;
}
