import { TKMindAvatar } from './TKMindAvatar';

export function FeedbackPageHeader({
  title,
  onBack,
  onLogout,
}: {
  title: string;
  onBack: () => void;
  onLogout?: () => void;
}) {
  return (
    <header className="feedback-submit-header">
      <button type="button" className="ghost-btn" onClick={onBack}>
        返回
      </button>
      <div className="feedback-submit-header-brand">
        <TKMindAvatar size="sm" />
        <span>{title}</span>
      </div>
      {onLogout ? (
        <button type="button" className="ghost-btn logout-btn" onClick={onLogout}>
          登出
        </button>
      ) : (
        <span aria-hidden="true" />
      )}
    </header>
  );
}