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

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