Badge

package showcase

import "github.com/templui/templui/components/badge"

templ BadgeDefault() {
	@badge.Badge() {
		Badge
	}
}

package showcase

import "github.com/templui/templui/components/badge"

templ BadgeSecondary() {
	@badge.Badge(badge.Props{
		Variant: badge.VariantSecondary,
	}) {
		Secondary
	}
}

package showcase

import "github.com/templui/templui/components/badge"

templ BadgeOutline() {
	@badge.Badge(badge.Props{
		Variant: badge.VariantOutline,
	}) {
		Outline
	}
}

package showcase

import "github.com/templui/templui/components/badge"

templ BadgeDestructive() {
	@badge.Badge(badge.Props{
		Variant: badge.VariantDestructive,
	}) {
		Destructive
	}
}

package showcase

import (
	"github.com/templui/templui/components/badge"
	"github.com/templui/templui/components/icon"
)

templ BadgeWithIcon() {
	@badge.Badge(badge.Props{
		Class: "flex gap-2 items-center",
	}) {
		// Default icon size in @badge is 16x16
		// Use Class: "size-6" for larger icons
		@icon.Rocket()
		With Icon
	}
}