1  @props(['action', 'hideCancelButton' => false, 'disabled' => false])
 2  <div class="flex justify-between gap-x-4">
 3  
 4      @if (!$hideCancelButton)
 5          <x-button negative flat label="{{ __('panel.buttons.cancel') }}" wire:click="$emitUp('closePanel')" />
 6      @endif
 7  
 8      <div wire:loading.remove wire:target="{{ $action }}">
 9          <x-button color="{{ $action === 'remove' ? 'negative' : 'primary' }}" wire:loading.attr="disabled"
10              label="{{ __('panel.buttons.' . $action) }}" wire:click="{{ $action }}" :disabled="$disabled" />
11      </div>
12  
13      <div wire:loading wire:target="{{ $action }}">
14          <x-button color="{{ $action === 'remove' ? 'negative' : 'primary' }}" disabled spinner
15              label=" {{ __('panel.buttons.loading') }}" />
16      </div>
17  </div>