import { PageHelpTrigger } from "./PageHelp";

type Props = {
  title: string;
  /** 僅放狀態／日期等短資料，不要放教學文案（教學走標題旁說明） */
  description?: string;
  /** 預設 true：標題旁顯示本頁說明入口 */
  help?: boolean;
};

/**
 * 頁面標題列。說明入口在標題右側小「?」，不把教學寫進正文。
 */
export function PageHeader({ title, description, help = true }: Props) {
  const desc = description?.trim();
  return (
    <header className="hb-page-title">
      <div className="hb-page-title__row">
        <h1>{title}</h1>
        {help ? <PageHelpTrigger /> : null}
      </div>
      {desc ? <p>{desc}</p> : null}
    </header>
  );
}
