import { MODE_META } from '../utils/routes.js'

export function ModeShell({ modeKey, actions }) {
  const meta = MODE_META[modeKey]
  if (!meta) return null

  return (
    <header className="page-header mode-shell">
      <div>
        <h1>{meta.title}</h1>
        <p className="page-lead">{meta.lead}</p>
      </div>
      {actions ? <div className="page-header__actions">{actions}</div> : null}
    </header>
  )
}