@props([
    'alignment' => 'center', // left, center, right
    'gap' => 3
])

@php
    $alignmentClass = match($alignment) {
        'left' => 'justify-content-start',
        'right' => 'justify-content-end',
        default => 'justify-content-center'
    };
    $gapClass = "gap-{$gap}";
@endphp

<div class="modern-button-group d-flex {{ $alignmentClass }} {{ $gapClass }} flex-wrap">
    {{ $slot }}
</div>