<script props>
  module.exports = {
    selected: Number(props.selected || '0')
  }
</script>
<nav class="tab-list" role="tablist" hx-indicator="#indicator">
  <x-tab.button page="projects.html" selected="{{ selected-- }}">Our Projects</x-tab.button>
  <x-tab.button page="who_we_are.html" selected="{{ selected-- }}">Who we are</x-tab.button>
  <x-tab.button page="interests.html" selected="{{ selected-- }}">Our Interests</x-tab.button>
  <x-tab.button page="thecockpit.html" selected="{{ selected-- }}">The Cockpit</x-tab.button>
  <x-tab.button page="page_five.html" selected="{{ selected-- }}">Page Five</x-tab.button>
</nav>
<hr id="tab-break">
<div id="tab-content" role="tabpanel" class="tab-content">
  <yield></yield>
</div>
<div id="footer">
  <hr class="footnotes-sep">
  <section class="footnotes">
    <slot:footer></slot:footer>
    <p>Copyright, The SANDWICH™ 2025 ©®☺ⓖⓨⓐⓣⓣ</p>
  </section>
</div>