https://pressthink.org/j/rosen-archive/frontend/components/ArchiveRouteHeader.js?v=3.8.36

1import { html } from '../html.js?v=3.8.36';
2import { ArrowLeft, Newspaper } from 'lucide-react';
3
4const ArchiveRouteHeader = ({ onBack, sectionTitle }) => html`
5  <header className="archive-route-header sticky top-0 z-50">
6    <nav className="archive-route-header__nav container mx-auto flex items-center gap-3 px-4" aria-label="Archive context">
7      <button
8        type="button"
9        onClick=${onBack}
10        className="archive-route-header__brand"
11        aria-label="Jay Rosen's Internet Archive, back to archive"
12      >
13        <span className="archive-route-header__mark" aria-hidden="true">
14          <${Newspaper} className="h-5 w-5" />
15        </span>
16        <span className="archive-route-header__name">Jay Rosen's Internet Archive</span>
17        <span className="archive-route-header__initials" aria-hidden="true">JRIA</span>
18      </button>
19
20      <span className="archive-route-header__rule" aria-hidden="true"></span>
21      <span className="archive-route-header__section" aria-current="page">${sectionTitle}</span>
22
23      <button
24        type="button"
25        onClick=${onBack}
26        className="archive-action archive-action--quiet archive-route-header__back"
27      >
28        <${ArrowLeft} className="h-4 w-4" aria-hidden="true" />
29        <span>Back to archive</span>
30      </button>
31    </nav>
32  </header>
33`;
34
35export default ArchiveRouteHeader;