/* eslint-disable */
// FDB 2026 - X. Awards · Showcase page (stub — full build in next prompt)

function ShowcasePage() {
  const { nav } = useNav();
  return (
    <>
      <DayHero
        station="awards"
        eyebrow="X. Awards · Showcase"
        title={<>The<br/><Accent>showcase.</Accent></>}
        lead="Shortlisted work from the X. Awards, published ahead of the ceremony, with the winning work added after 02 December 2026."
        meta={[
          { label: 'Shortlist', value: 'Published 30 October 2026' },
          { label: 'Winners', value: 'Added after 02 December 2026' },
        ]}
      >
        <div style={{ marginTop: '2rem' }}>
          <Button variant="ghost" onClick={() => nav('/awards')}>← Back to X. Awards</Button>
        </div>
      </DayHero>
    </>
  );
}

window.ShowcasePage = ShowcasePage;