<template>
  <header class="kole-pageheader kole-pageheader-pageheader"><button class="kole-pageheader-button" type="button" @click="emit('back')">← {{ props.secondaryText }}</button><div class="kole-pageheader-pageheader-main"><strong class="kole-pageheader-title">{{ props.title }}</strong><div class="kole-pageheader-desc">{{ props.description }}</div></div><button class="kole-pageheader-button kole-pageheader-primary" type="button">保存</button></header>
</template>

<script setup>
import { ref, computed } from 'vue';
const props = defineProps({
    title: { type: String, default: '用户详情' }, // 标题
    description: { type: String, default: '查看并编辑用户资料' }, // 描述文本
    secondaryText: { type: String, default: '返回列表' }, // 次要文本
});
const emit = defineEmits(["back"]);


</script>

<style src="./PageHeader.css"></style>
