package main

// footerComponent renders the Noir footer rail.
templ footerComponent(data FooterData) {
	<div data-block="noir:footer" class="hairline-t" style="padding: 1rem 1.5rem;">
		<div class="max-w-6xl mx-auto flex items-center justify-between gap-4 flex-wrap">
			if data.ShowColophon {
				<p class="tracked-mono" style="color: hsl(var(--mutedForeground));">
					Designed and printed in the darkroom.
				</p>
			} else {
				<span></span>
			}
			if len(data.Social) > 0 {
				<ul class="flex items-center gap-4 list-none p-0 m-0">
					for _, link := range data.Social {
						<li>
							<a
								href={ templ.SafeURL(link.URL) }
								rel="noopener noreferrer"
								target="_blank"
								class="tracked-mono"
								style="color: hsl(var(--mutedForeground)); text-decoration: none;"
							>
								{ link.Text }
							</a>
						</li>
					}
				</ul>
			}
		</div>
	</div>
}