<template>
  <div class="min-h-screen flex flex-col">
    <UHeader>
      <template #left>
        <div class="text-xl font-semibold">Brian Rosner</div>
      </template>
      <template #right>
        <div class="flex items-center gap-2">
          <UButton to="https://github.com/brosner" target="_blank" icon="i-simple-icons-github" color="gray" variant="solid"/>
          <UButton to="https://www.threads.net/@brosner" target="_blank" icon="i-simple-icons-threads" color="primary" variant="solid"/>
          <UColorModeButton />
        </div>
      </template>
    </UHeader>

    <main class="container mx-auto px-4 py-8 flex-1">
      <slot />
    </main>

    <UFooter>
      <div class="text-center text-sm w-full">
        Site built with <ULink to="https://nuxt.com" target="_blank">Nuxt</ULink> & <ULink to="https://ui.nuxt.com" target="_blank">Nuxt UI</ULink>.
        Hosted on <ULink to="https://firebase.google.com" target="_blank">Firebase</ULink>.
      </div>
    </UFooter>
  </div>
</template>

<script setup lang="ts">
// no-op
</script>


