package main

// kgCardComponent renders the rounded card override.
templ kgCardComponent(title, body, class string) {
	<div class={ "kg-card", class }>
		if title != "" {
			<h3 class="kg-display" style="margin-top: 0; margin-bottom: 1rem; font-size: 1.5rem;">{ title }</h3>
		}
		if body != "" {
			<div class="kg-text">
				@templ.Raw(body)
			</div>
		}
		if title == "" && body == "" {
			<div data-empty="true" class="kg-empty">Add a title or body to fill this card.</div>
		}
	</div>
}