<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>