32 lines
776 B
TypeScript
32 lines
776 B
TypeScript
|
// import { JSX } from 'preact'
|
||
|
|
// import { IS_BROWSER } from '$fresh/runtime.ts'
|
||
|
|
|
||
|
|
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'>
|
||
|
|
<svg
|
||
|
|
xmlns='http://www.w3.org/2000/svg'
|
||
|
|
fill='none'
|
||
|
|
viewBox='0 0 24 24'
|
||
|
|
stroke-width='1.5'
|
||
|
|
stroke='currentColor'
|
||
|
|
class='w-6 h-6'
|
||
|
|
>
|
||
|
|
<path
|
||
|
|
stroke-linecap='round'
|
||
|
|
stroke-linejoin='round'
|
||
|
|
d='M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5'
|
||
|
|
/>
|
||
|
|
</svg>
|
||
|
|
</button>
|
||
|
|
<a class='p-4 hover:bg-stone-500/20' href='/'>
|
||
|
|
Flanagan Family
|
||
|
|
</a>
|
||
|
|
<Clock class='ml-auto pr-4 text-2xl' />
|
||
|
|
</nav>
|
||
|
|
)
|
||
|
|
}
|