package main

// mbImageComponent renders an image with optional full-bleed mode and a numbered caption.
// Skips rendering if no src — guarantees zero broken <img>.
templ mbImageComponent(src, alt, caption string, fullBleed bool) {
	if src != "" {
		<figure class={ "my-8", templ.KV("mb-fullbleed", fullBleed) }>
			<img src={ src } alt={ alt } class="w-full h-auto block" loading="lazy"/>
			if caption != "" {
				<figcaption class="mb-caption font-mono mt-2 px-6">{ caption }</figcaption>
			}
		</figure>
	}
}