<script setup lang="ts">
</script>

<template>
  <div>
    <h2 class="tw:text-3xl tw:p-4 tw:pb-2 tw:text-center">
      <slot />
    </h2>
    <hr class="section-header__separator">
  </div>
</template>

<style scoped>
.section-header__separator {
  width: 100%;
  height: 4px;
  color: transparent;
  background-image: radial-gradient(closest-side,
      var(--timeline-track-border-color) 25%,
      transparent 75%);
  background-repeat: no-repeat;
}
</style>
