package main

// statItemComponent renders a single Gotham-styled stat item.
templ statItemComponent(stat StatItem) {
	<div class="text-center p-6 rounded-lg gotham-border border">
		if stat.Icon != "" {
			<div class="mb-3 gotham-accent">
				@iconSVG(stat.Icon)
			</div>
		}
		<div class="text-4xl font-bold gotham-accent mb-2">{ stat.Value }</div>
		<div class="text-muted-foreground uppercase text-sm tracking-wider">{ stat.Label }</div>
	</div>
}
