@props([
    'route' => null,
    'modalTarget' => null,
    'text' => 'Tambah Data',
    'class' => 'btn btn-primary',
    'title' => 'Tambah Data',
    'dropdown' => false,
    'dropdownItems' => [],
])

<div class="row">
    <div class="col-lg-12">
        <div class="card">
            <div class="card-body">
                <nav class="p-0 navbar justify-content-between align-items-center">
                    <h5>{{ $title }}</h5>
                    <div class="btn-group help-filter" role="group">
                        @if ($dropdown && count($dropdownItems) > 0)
                            <button type="button" id="btnGroupDrop1" class="{{ $class }} dropdown-toggle"
                                data-bs-toggle="dropdown" aria-expanded="false">
                                {{ $text }}
                            </button>
                            <div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
                                @foreach ($dropdownItems as $item)
                                    <a class="dropdown-item" href="{{ route($item['route']) }}">{{ $item['text'] }}</a>
                                @endforeach
                            </div>
                        @else
                            <a @if ($route) href="{{ route($route) }}" @endif
                                @if ($modalTarget) data-bs-target="#{{ $modalTarget }}" data-bs-toggle="modal" href="#" @endif
                                class="{{ $class }}">
                                {{ $text }}
                            </a>
                        @endif
                    </div>
                </nav>
            </div>
        </div>
    </div>
</div>