<script></script>
<header>
    <nav>
        <ul>
            <slot />
        </ul>
    </nav>
</header>

<style>
    ul
    {
        @apply bg-gray-300 w-full flex items-center p-2;
    }
    :global(.dark) ul
    {
        @apply bg-gray-900
    }
    header
    {
        @apply p-0;
        grid-area: header;
    }
</style>