@props([
    'type' => 'button',
    'size' => 'md',
    'loading' => false,
    'pulse' => false,
    'glow' => false,
    'ripple' => false,
    'disabled' => false,
    'class' => ''
])

<button 
    type="{{ $type }}" 
    {{ $attributes->merge([
        'class' => 'btn-secondary btn-' . $size . 
                   ($loading ? ' btn-loading' : '') . 
                   ($pulse ? ' btn-pulse' : '') . 
                   ($glow ? ' btn-glow' : '') . 
                   ($ripple ? ' btn-ripple' : '') . 
                   ($disabled ? ' disabled' : '') . 
                   ' ' . $class
    ]) }}
    {{ $disabled ? 'disabled' : '' }}
>
    @if($loading)
        <span class="sr-only">جاري التحميل...</span>
    @endif
    {{ $slot }}
</button>