@props([
    'desktopSchedule' => 'Pre-register',
    'desktopCheckIn' => 'Check in visitor',
    'scheduleLabel' => 'Pre-register visitor',
    'checkInLabel' => 'Check in visitor',
])

<div {{ $attributes->merge(['class' => 'flex shrink-0 items-center gap-2']) }}>
    @include('partials.mobile-header-btn', [
        'href' => route('frontdesk.visits.schedule'),
        'label' => $scheduleLabel,
        'desktopLabel' => $desktopSchedule,
        'variant' => 'outline',
        'showDesktopIcon' => false,
    ])
    @include('partials.mobile-header-btn', [
        'href' => route('frontdesk.visits.create'),
        'label' => $checkInLabel,
        'desktopLabel' => $desktopCheckIn,
        'variant' => 'primary',
    ])
</div>