@props([])

<header
    {{ $attributes->merge([
        'class' => 'flex items-center justify-between gap-4 border-b border-[var(--color-border)] bg-[var(--color-card)] px-4 py-3',
    ]) }}
>
    <div class="flex min-w-0 items-center gap-3">
        {{ $left ?? $slot }}
    </div>

    @isset($right)
        <div class="flex shrink-0 items-center gap-2">
            {{ $right }}
        </div>
    @endisset
</header>