<script setup>
import { Link } from "@inertiajs/vue3";
</script>

<template>
  <header class="p-3 bg-rose-800 dark:bg-rose-950">
    <div class="max-w-5xl flex gap-2 mx-auto">
      <Link href="/" class="text-white font-extrabold">
        <img src="../../favicon.svg" class="h-8 inline" />
        <span class="px-1 relative top-0.5">OwnMedia</span>
      </Link>
    </div>
  </header>
  <div class="p-4">
    <div class="p-4 bg-rose-950 rounded">
      <slot />
    </div>
  </div>
</template>
