{{/* .HXGet | .HXPost | .HXDelete, .HXTrigger, .HXTarget, .HXSwap, .HXVals, ._, .Text, .ID, .Class, .Disabled */}}


<button
	class="
		border-thin
		bg-card
		rounded-sm
		p-[0.5em]
		font-semibold
		cursor-pointer
		hover:underline
		hover:bg-accent
		disabled:bg-accent-secondary
		disabled:cursor-not-allowed
		disabled:no-underline
		{{.Class}}
	"
	{{- if .ID }}
		id="{{.ID}}"
	{{- end }}
	{{- if .HXGet }}
		hx-get="{{.HXGet}}"
	{{- else if .HXPost }}
		hx-post="{{.HXPost}}"
	{{- else if .HXDelete }}
		hx-delete="{{.HXDelete}}"
	{{- end }}
	{{- if .HXTrigger }}
		hx-trigger="{{.HXTrigger}}"
	{{- end }}
	{{- if .HXTarget }}
		hx-target="{{.HXTarget}}"
	{{- end }}
	{{- if .HXSwap }}
		hx-swap="{{.HXSwap}}"
	{{- end }}
	{{- if .HXVals }}
		hx-vals="{{.HXVals}}"
	{{- end }}
	{{- if .Disabled}}
		disabled
	{{- end}}
	{{- if ._ }}
		_="{{ ._ }}"
	{{- end }}
>
	{{.Text}}
</button>