type SubPageHeaderProps = {
  title: string;
  onBack: () => void;
};

export default function SubPageHeader({ title, onBack }: SubPageHeaderProps) {
  return (
    <header className="sub-page-header" aria-label={title}>
      <button type="button" className="sub-page-header-back" aria-label="返回" onClick={onBack}>
        <span className="material-symbols-outlined">arrow_back</span>
      </button>
    </header>
  );
}