package main

// pastelCardComponent renders the soft pastel card.
templ pastelCardComponent(data PastelCardData) {
	<div class="pastel-card p-6" data-block-type="card" style="border-radius: 20px;">
		if data.Title != "" {
			<h3 class="font-display text-2xl mb-3" style="color: hsl(var(--card-foreground));">{ data.Title }</h3>
		}
		if data.Body != "" {
			<div class="font-body" style="color: hsl(var(--card-foreground) / 0.85); line-height: 1.75;">
				@templ.Raw(data.Body)
			</div>
		}
		if data.Footer != "" {
			<div class="mt-6 pt-4 border-t font-body text-sm" style="border-color: hsl(var(--border)); color: hsl(var(--muted-foreground));">
				@templ.Raw(data.Footer)
			</div>
		}
	</div>
}