<template>
  <div class="app-header">
    <div class="app-header-title">
      <h1 class="text-lg font-semibold text-ink-strong">{{ title }}</h1>
      <slot name="subtitle" />
    </div>
    <div class="app-header-actions">
      <slot name="actions" />
    </div>
  </div>
</template>

<script setup lang="ts">
defineProps<{ title: string }>()
</script>
