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

<script>
export default {
  name: 'KolePageHeader',
  props: {
    title: { type: String, default: '用户详情' }, // 标题
    description: { type: String, default: '查看并编辑用户资料' }, // 描述文本
    secondaryText: { type: String, default: '返回列表' }, // 次要文本
  },
  // events: back
};
</script>

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