<script setup>
    defineProps({
        theme: { type: String, default: 'dark' }
    })
</script>

<template>
  <header>
    <div class="bg-orbs" aria-hidden="true">
      <!-- <span class="orb orb--1" /> -->
      <!-- <span class="orb orb--2" /> -->
      <!-- <span class="orb orb--3" /> -->
      <!-- <span class="orb orb--4" /> -->
      <!-- <span class="orb orb--5" /> -->
      <!-- <span class="orb orb--6" /> -->
    </div>
    <div class="header_layout"  :class="`header--${theme}`">
      <slot />
    </div>
  </header>
</template>