<template>
  <div class="panel-head">
    <div class="eyebrow">{{ eyebrow }}</div>
    <h2>{{ title }}</h2>
    <p>{{ note }}</p>
  </div>
</template>

<script setup>
defineProps({
  eyebrow: String,
  title: String,
  note: String
})
</script>

<style scoped>
.panel-head { margin-bottom: 18px; }
.panel-head h2 { margin-top: 4px; color: var(--ink); font-size: 20px; }
.panel-head p { margin-top: 6px; color: var(--muted); font-size: 13px; }
</style>
