@props(['icon' => null, 'eyebrow' => null, 'title', 'lede' => null])

<div class="view-head">
    <div>
        @if ($eyebrow)
            <x-admin.eyebrow :icon="$icon">{{ $eyebrow }}</x-admin.eyebrow>
        @endif
        <h2>{{ $title }}</h2>
        @if ($lede)
            <p class="lede">{{ $lede }}</p>
        @endif
    </div>
    @isset($actions)
        <div style="display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;">{{ $actions }}</div>
    @endisset
</div>