{% props items: Vec<(String, String)>, current: String, inner_block: Slot %}
{#- items: (text, href) for each settings area; `current` is the href of this page. -#}
<div class="ui-settings">
<nav class="ui-settings-nav" aria-label="Settings">
<ul>
{%- for (text, href) in items.iter() %}
<li><a href="{{ href }}"{% if *href == current %} aria-current="page"{% end %}>{{ text }}</a></li>
{%- end %}
</ul>
</nav>
<div class="ui-settings-main">{{ inner_block }}</div>
</div>