@inject('booking', 'App\Domain\Site\Support\BookingState')
@inject('cta', 'App\Domain\Site\Settings\CtaSettings')
<x-section :vm="$vm" tone="surface">
    <div class="container-site flex flex-col items-start gap-5 md:flex-row md:items-center md:justify-between">
        <div>
            @if ($vm->get('heading'))<h2 class="text-h3">{{ $vm->get('heading') }}</h2>@endif
            @if ($vm->get('text'))<p class="mt-2 text-muted">{{ $vm->get('text') }}</p>@endif
        </div>
        <x-button :href="$booking->url()" variant="primary" :new-tab="$booking->opensExternally()" track="booking_cta_click" :track-props="['location' => 'booking_block']">{{ $cta->book_call_label }}</x-button>
    </div>
</x-section>