package main

// caseStudyCardComponent renders the corporate-modernist:case_study_card block.
templ caseStudyCardComponent(data CaseStudyCardData) {
	<article class="cm-card cm-card-accent" data-block="corporate-modernist:case_study_card">
		if data.Client != "" {
			<div class="cm-stat-label" style="margin: 0 0 0.75rem 0;">{ data.Client }</div>
		}
		if data.Metric != "" {
			<div class="cm-metric" data-figure>{ data.Metric }</div>
		} else {
			<div class="cm-metric" data-figure>—</div>
		}
		if data.Label != "" {
			<div class="cm-stat-label" style="margin-top: 0.5rem;">{ data.Label }</div>
		}
		if data.Summary != "" {
			<p class="cm-text" style="margin: 1.25rem 0 0 0;">{ data.Summary }</p>
		}
		if data.HasLink {
			<div style="margin-top: 1.5rem;">
				<a class="cm-btn-outline" href={ templ.SafeURL(data.Href) }>
					{ caseStudyCardLinkLabel(data) }
				</a>
			</div>
		}
	</article>
}

func caseStudyCardLinkLabel(data CaseStudyCardData) string {
	if data.HrefLabel != "" {
		return data.HrefLabel
	}
	return "Read case study"
}