import { useSignal } from "@preact/signals";
import Counter from "../islands/Counter.tsx";
import { Page } from "../types/page.d.ts";
import { Logo } from "../assets/svg.tsx";
import { Head } from "fresh/runtime";
export const IndexPage: Page = ({ ctx }) => {
const count = useSignal(3);
console.log("Shared value " + ctx.state.test);
return (
<div class="px-4 py-8 mx-auto fresh-gradient min-h-screen">
<Head>
<title>Dashboard</title>
</Head>
<div class="max-w-screen-md mx-auto flex flex-col items-center justify-center">
<Logo class="h-16 text-primary" />
<h1 class="text-4xl mt-12 mb-6 font-bold">Welcome to Div/0 + Infinity Beyond</h1>
<p class="my-4">
Try updating this message in the
<code class="mx-2">./routes/index.tsx</code> file, and refresh.
</p>
<Counter count={count} />
</div>
</div>
);
};