/* @jsx React.createElement */ const { useState } = React; // ============ Masthead ============ function Masthead({ issue, dateline, onSubscribe }) { return (
Local Mat Talk {dateline}
Arlington Flip
Issue {issue} Subscribe Free →
); } // ============ Issue header (above the fold) ============ function IssueHeader({ headline, dek }) { return (

{headline}

{dek}

); } // ============ Section opener ============ function SectionOpener({ label, title, featured }) { return (
{label}

{title}

); } // ============ This-month bullets ============ function ThisMonthList({ items }) { return ( ); } // ============ Story ============ function Story({ kicker, headline, body, hasQuote, quote, featured }) { return (
{kicker}

{headline}

{body.map((p, i) => (

{p}

))} {hasQuote && (
{quote}
)}
); } // ============ Rotation rundown (small data table feel) ============ function RotationRundown({ rows }) { return (
{rows.map((r, i) => (
{r.place}
{r.name}
{r.gym} · {r.event}
{r.score}
))}
); } // ============ On-deck calendar ============ function OnDeck({ events }) { return (
{events.map((e, i) => (
{e.month}
{e.day}
{e.title}
{e.where} · {e.time}
))}
); } // ============ Subscribe block ============ function SubscribeBlock() { const [email, setEmail] = useState(''); const [done, setDone] = useState(false); return (
The TLDR

Get this in your inbox.

One email a month. The rotation rundown, the mat talk, the calendar. No spam, no fluff.

{done ? (
✓ You're on the list. See you next month.
) : (
{ e.preventDefault(); if (email) setDone(true); }} style={{ display: 'flex', gap: 8, flexWrap: 'wrap' }}> setEmail(e.target.value)} placeholder="you@inbox.com" style={{ flex: 1, minWidth: 220, padding: '12px 14px', fontSize: 16, fontFamily: 'var(--af-font-body)', background: 'var(--af-paper)', color: 'var(--af-ink)', border: '1px solid var(--af-paper)', borderRadius: 6, outline: 'none' }} />
)}
); } // ============ Footer ============ function Footer() { return ( ); } Object.assign(window, { Masthead, IssueHeader, SectionOpener, ThisMonthList, Story, RotationRundown, OnDeck, SubscribeBlock, Footer, });