{{- /*gotype: assistant/components.Tabs*/ -}}
{{ define "tabs" }}
    <ul class="flex flex-wrap text-sm font-medium text-center text-gray-500 border-b border-gray-200 dark:border-gray-700 dark:text-gray-400">
        {{ range .Items }}
            <li class="me-2">
                <a href="{{.Url}}"
                   class="inline-block p-4 rounded-t-lg hover:text-gray-600 hover:bg-gray-50 dark:hover:bg-gray-800 dark:hover:text-gray-300 {{ if .Selected}}text-blue-600 dark:text-blue-500 dark:bg-gray-80 bg-gray-100{{ end }}"
                >
                    {{ .Label }}
                </a>
            </li>
        {{ end }}
    </ul>
{{ end}}