1// oxlint-disable-next-line import/no-unassigned-import
2import "./styles.css";
3import { Link, Outlet } from "react-router";
4
5export function Layout({ children }: { children: React.ReactNode }) {
6 return (
7 <html lang="en">
8 <head>
9 <meta charSet="utf-8" />
10 <meta name="viewport" content="width=device-width, initial-scale=1" />
11 <title>React Router Vite</title>
12 </head>
13 <body>
14 <header>
15 <nav>
16 <ul>
17 <li>
18 <Link to="/">Home</Link>
19 </li>
20 <li>
21 <Link to="/about">About</Link>
22 </li>
23 </ul>
24 </nav>
25 </header>
26 {children}
27 </body>
28 </html>
29 );
30}
31
32export default function Component() {
33 return <Outlet />;
34}