React from 'react';
import ReactDOM from 'react-dom/client';
import { createBrowserRouter, RouterProvider } from 'react-router-dom';

import Pagina404 from './components/404';
import App from './components/App.jsx';
import Cuadricula from './components/Cuadricula';
import Saludo from './components/Saludo';
import './main.css';


const router = createBrowserRouter([
  {
    path: "/",
    element: <App />,
    errorElement: <Pagina404 />,
    children: [
      {
        index: true,
        element: <Cuadricula />,
      },
      {
        path: "/saludo",
        element: <Saludo />,
      },
    ],
  },
]);



ReactDOM.createRoot(document.getElementById('root')).render(

  <React.StrictMode>
    <RouterProvider router={router} />
  </React.StrictMode>


)