<div class="ui-header">
    <div class="flex flex-wrap items-start justify-between gap-4">
        <div>
            <div class="ui-kicker">{{ $kicker ?? '管理台' }}</div>
            <h1 class="ui-title">{{ $title }}</h1>
            @if(!empty($subtitle))
                <p class="ui-subtitle">{{ $subtitle }}</p>
            @endif
        </div>
        @if(!empty($actions))
            <div class="flex flex-wrap items-center gap-2">
                {!! $actions !!}
            </div>
        @endif
    </div>
    @if(!empty($slot))
        <div>
            {{ $slot }}
        </div>
    @endif
</div>
