Badge

package showcase

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

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

package showcase

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

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

package showcase

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

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

package showcase

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

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

package showcase

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

templ BadgeWithIcon() {
	@badge.Badge(badge.Props{
		Class: "flex gap-1 items-center",
	}) {
		@icon.Rocket(icon.Props{Size: 14})
		With Icon
	}
}