package main

// mastheadComponent renders the wordmark + folio strip.
templ mastheadComponent(data MastheadData) {
	<div data-block="magazine-bold:masthead" class="py-6 mb-hairline-bottom flex items-end justify-between gap-6">
		<div class="flex items-baseline gap-4">
			if data.IssueNo != "" {
				<span class="font-mono text-kicker">No. { data.IssueNo }</span>
			}
			if data.Tagline != "" {
				<span class="font-mono text-kicker text-muted-foreground">{ data.Tagline }</span>
			}
		</div>
		if data.Date != "" {
			<span class="font-mono text-kicker text-muted-foreground">{ data.Date }</span>
		}
	</div>
}