aylac.top
1import { type Component, type JSXElement, Suspense } from "solid-js";
2
3const App: Component<{ children: JSXElement }> = (props) => {
4 return (
5 <>
6 <nav class="mx-auto bg-white text-gray-950 dark:bg-gray-800 dark:text-gray-50">
7 <ul class="flex items-center">
8 <li class="px-4 py-2">
9 <span class="select-none font-bold font-mono italic">matted</span>
10 </li>
11 </ul>
12 </nav>
13
14 <main class="my-6 text-gray-950 text-sm dark:text-gray-50">
15 <Suspense>{props.children}</Suspense>
16 </main>
17 </>
18 );
19};
20
21export default App;