web/tsx/layout.tsx (view raw)
1import type { Child, FC } from "hono/jsx";
2import { Message } from "./components.tsx";
3
4export const Layout: FC<{ url: string; children: Child }> = (props) => {
5 return (
6 <html>
7 <head>
8 <link href="/style.css" rel="stylesheet" />
9 </head>
10 <body>
11 <main>
12 <a href="/">
13 <h1>Momix</h1>
14 </a>
15 <Message url={props.url} />
16 {props.children}
17 </main>
18 </body>
19 </html>
20 );
21};