package main

// colophonComponent renders the mono colophon strip.
templ colophonComponent(data ColophonData) {
	<div data-block="magazine-bold:colophon" class="py-8 font-mono mb-caption">
		if data.Credits != "" {
			<div class="mb-4">
				@templ.Raw(data.Credits)
			</div>
		}
		if data.ShowSocial {
			<ul class="flex items-center gap-6 mb-hairline-top pt-4 mt-4">
				<li><a href="#" class="hover:text-foreground">Instagram</a></li>
				<li><a href="#" class="hover:text-foreground">Twitter</a></li>
				<li><a href="#" class="hover:text-foreground">RSS</a></li>
			</ul>
		}
	</div>
}