<ui-navigation>

<template is="ui-navigation" links="array">
  <div class="ui-navigation">
    <div if="props.links?.length" class="ui-navigation-content">
      <a
        map="link of props.links"
        href="{{link.href ?? ''}}"
        class="ui-navigation-link {{link?.style |> esc}}"
        if="link.href"
      >
        {{link.label ?? '' |> esc}}
      </a>
    </div>
  </div>
</template>