How to Dynamically add a class to a item?

[Tesohh]

i want to dynamically add a class to an item, like this:

templ CourseCard(course obsidian.Course) {
	<div class="coursecard card-color-{course.Color}">
		{ course.Name }
	</div>
}

where course.Color is red, blue, etc.

But then it doesn't get properly formatted and i just end up with a class literally called card-color-{course.Color} on my element.
How can i do this?

[a-h]

Something like this should work:

type Course struct {
	Name  string
	Color string
}

templ button(text string, course Course) {
	<button class={ "coursecard", fmt.Sprintf("card-color-%s", course.Color) }>{ text }</button>
}