@props([
    'title' => null,
    'intro' => null,
])

<div class="card border-0 shadow-sm erp-index-shell mb-3">
    @if ($title || $intro || isset($toolbar))
        <div class="card-header bg-white border-bottom-0 pb-0">
            @if ($title)
                <h2 class="h5 mb-1 fw-semibold" style="color: {{ config('theme.colors.text') }};">{{ $title }}</h2>
            @endif
            @if ($intro)
                <p class="text-muted small mb-2">{{ $intro }}</p>
            @endif
            @isset($toolbar)
                <div class="pb-3">{{ $toolbar }}</div>
            @endisset
        </div>
    @endif
    <div class="card-body pt-0">
        @isset($bulk)
            <div class="d-flex flex-wrap align-items-center gap-2 mb-3">{{ $bulk }}</div>
        @endisset

        {{ $slot }}

        @isset($pagination)
            <div class="mt-3">{{ $pagination }}</div>
        @endisset
    </div>
</div>
