@props([
    'radius' => 'md',
    'justify' => 'center',
    'color' => 'white',
    'type' => 'button',
    'variant' => 'primary',
    'rightSection' => null,
    'leftSection' => null,
])

@php
    use App\Helpers\Variants;

    $disabledClass = 'bg-gray-200 hover:bg-gray-200/90 text-gray-300/50 cursor-not-allowed';

    $defaultClass =
        'Button flex my-1 py-2 px-5 items-center font-semibold text-white transition-all duration-50 ease-in-out select-none ' .
        "rounded-$radius " .
        "justify-$justify " .
        Variants::button($variant) .
        ' ';

    $attributes = $attributes->except(['radius', 'justify', 'color', 'type']);
@endphp

<button {{ $attributes->twMerge($defaultClass)->merge([
    'type' => $type,
]) }}>
    @isset ($leftSection)
        <x-group class="h-full flex-shrink-0 me-2">
            {{ $leftSection }}
        </x-group>
    @endisset

    {{ $slot }}

    @isset ($rightSection)
        <x-group class="h-full flex-shrink-0 ms-2">
            {{ $rightSection }}
        </x-group>
    @endisset
</button>