<template>
  <header class="fixed top-0 left-0 right-0 z-50 bg-bg-hard border-b border-bg-soft h-14 flex items-center px-4 gap-4">
    <button class="text-text-muted hover:text-text text-xl leading-none" @click="$emit('toggle-drawer')">☰</button>
    <RouterLink to="/" class="text-green font-bold text-lg tracking-wide">🌿 Jardin</RouterLink>
  </header>
</template>

<script setup lang="ts">
import { RouterLink } from 'vue-router'
defineEmits(['toggle-drawer'])
</script>
