// import { JSX } from 'preact'
// import { IS_BROWSER } from '$fresh/runtime.ts'

import { Bars3Outline } from 'preact-heroicons'
import { Clock } from '@homeman/islands/Clock.tsx'

export function Nav(/* props: {} */) {
	return (
		<nav class='bg-stone-200 dark:bg-stone-800 flex justify-items-start items-center'>
			<button class='p-4 hover:bg-stone-500/20'>
				<Bars3Outline class='h-6 w-6' />
			</button>
			<a class='p-4 hover:bg-stone-500/20' href='/'>
				Flanagan Family
			</a>
			<Clock class='ml-auto pr-4 text-2xl' />
		</nav>
	)
}