{# Page-level tabs, each a URL: links are (href, text), current is the href of this page, and the content is its panel. variant: "" | "line". #}
{% props links: Vec<(String, String)>, current: String, variant: String = "", label: String = "Sections", inner_block: Slot %}
<div class="ui-tabs"{% if !variant.is_empty() %} data-variant="{{ variant }}"{% end %}>
<nav class="ui-tabs-list" aria-label="{{ label }}">
{%- for (href, text) in links.iter() %}
<a class="ui-tabs-trigger" href="{{ href }}"{% if *href == current %} aria-current="page"{% end %}>{{ text }}</a>
{%- end %}
</nav>
<div class="ui-tabs-panel">{{ inner_block }}</div>
</div>