<script setup lang="ts">
/**
 * content 分包通用页头：eyebrow + 标题 + 可选说明。
 * 仅供 content 分包页面复用，与主包 ProfileHero 职责分离（微信分包隔离）。
 */
withDefaults(defineProps<{
  eyebrow?: string
  title: string
  desc?: string
}>(), {
  eyebrow: '',
  desc: '',
})
</script>

<template>
  <view class="content-page-header animate-reveal">
    <view v-if="eyebrow" class="hero-eyebrow">{{ eyebrow }}</view>
    <view class="section-title">{{ title }}</view>
    <text v-if="desc" class="desc text-art-muted">{{ desc }}</text>
  </view>
</template>

<style scoped lang="scss">
.content-page-header {
  margin-bottom: 40rpx;
}
.desc {
  display: block;
  margin-top: 16rpx;
  font-size: 26rpx;
  line-height: 1.6;
}
</style>
