Layout general

Puede envolver todo el contenido de rutas con un layout.

import { RouterProvider, Link } from '@arielgonzaguer/michi-router/core';

function MainLayout({ children }: { children: React.ReactNode }) {
  return (
    <div className="layout">
      <header>
        <nav>
          <Link to="/">Home</Link>
          <Link to="/docs">Docs</Link>
        </nav>
      </header>
      <main>{children}</main>
      <footer>Michi Router</footer>
    </div>
  );
}

const routes = [
  { path: '/', component: <Home /> },
  { path: '/docs', component: <Docs /> }
];

export default function App() {
  return (
    <RouterProvider routes={routes} layout={MainLayout} notFound={<div>404</div>} />
  );
}