<script setup lang="ts">
import { useContent } from '#imports'

const { page } = useContent()
</script>

<template>
  <header class="mb-9 space-y-1">
    <p
      v-if="page?.section"
      class="font-display text-sm font-medium text-sky-500"
    >
      {{ page?.section }}
    </p>
    <h1
      class="font-display text-3xl tracking-tight text-slate-900 dark:text-white"
    >
      {{ page?.title }}
    </h1>
  </header>
</template>
