@props([
    'type' => 'button',
    'variant' => 'primary',
    'size' => null,
    'outline' => false,
    'disabled' => false,
    'loading' => false,
    'icon' => null,
    'block' => false
])

@php
    $classes = 'btn';
    $classes .= $outline ? ' btn-outline-' . $variant : ' btn-' . $variant;
    if ($size) {
        $classes .= ' btn-' . $size;
    }
    if ($block) {
        $classes .= ' w-100';
    }
@endphp

<button 
    type="{{ $type }}"
    class="{{ $classes }}"
    @if($disabled || $loading) disabled @endif
    {{ $attributes }}
>
    @if($loading)
        <span class="spinner-border spinner-border-sm me-2" role="status" aria-hidden="true"></span>
    @elseif($icon)
        <i class="{{ $icon }} me-2"></i>
    @endif
    
    {{ $slot }}
</button>