<script lang="ts">
    import { Hamburger } from '../icons'
    import { resolve } from '$app/paths'
</script>

<div class="topbar absolute left-0 top-0 w-full z-20 flex justify-between bg-zinc-800">
    <div class="flex gap-2 p-2">
        <a href={resolve('/')}>
            <Hamburger class="h-8 w-8" />
        </a>
    </div>
</div>

<style>
    .topbar {
        height: 50px;
    }
</style>
