PageHeader.vue

<template>
  <div class="tw-flex tw-items-center tw-justify-between">
    <h1 class="tw-text-5xl tw-font-black tw-m-0">
      {{ title }}
    </h1>
    <div class="tw-flex tw-justify-end tw-gap-4">
      <slot />
    </div>
  </div>

  <hr class="tw-w-full" />
</template>

<script setup>
defineProps({
  title: { type: String, required: true },
})
</script>