<script setup>
import AppLogo from '@/Components/AppLogo.vue'

defineProps({
  title: {
    type: String,
    default: '',
  },
})
</script>

<template>
  <header class="sticky top-0 z-50 bg-surface border-b border-gray-700">
    <div class="px-6 py-4 flex items-center gap-6">
      <AppLogo class="text-2xl" />
      <h1 v-if="title" class="text-xl font-semibold text-white">
        {{ title }}
      </h1>
    </div>
  </header>
</template>
