import React, { useState } from 'react';
import './PageHeader.css';

export default function KolePageHeader({ title = '用户详情', description = '查看并编辑用户资料', secondaryText = '返回列表', children, onChange, onClick, onClose, onSubmit, onLoadMore }) {
  
  return (
    <div className="kole-pageheader-root">
      <header className="kole-pageheader kole-pageheader-pageheader"><button className="kole-pageheader-button" type="button" onClick={() => onClick && onClick()}>← {secondaryText}</button><div className="kole-pageheader-pageheader-main"><strong className="kole-pageheader-title">{title}</strong><div className="kole-pageheader-desc">{description}</div></div><button className="kole-pageheader-button kole-pageheader-primary" type="button">保存</button></header>
    </div>
  );
}