@props([
    'type' => 'button',
    'variant' => 'primary',
    'size' => 'md',
    'icon' => null,
    'loading' => false,
    'disabled' => false,
    'href' => null,
    'target' => null,
    'onclick' => null,
    'class' => '',
    'id' => null,
    'data' => []
])

@php
    $baseClasses = 'btn';
    
    // Variantes
    $variantClasses = [
        'primary' => 'btn-primary text-white',
        'secondary' => 'btn-outline-secondary',
        'success' => 'btn-success text-white',
        'warning' => 'btn-warning text-white',
        'danger' => 'btn-danger text-white',
        'info' => 'btn-info text-white',
        'light' => 'btn-light',
        'dark' => 'btn-dark text-white',
        'outline-primary' => 'btn-outline-primary',
        'outline-success' => 'btn-outline-success',
        'outline-warning' => 'btn-outline-warning',
        'outline-danger' => 'btn-outline-danger',
        'outline-info' => 'btn-outline-info',
    ];
    
    // Tamaños
    $sizeClasses = [
        'sm' => 'btn-sm',
        'md' => '',
        'lg' => 'btn-lg',
        'xl' => 'btn-lg px-4 py-3'
    ];
    
    $classes = $baseClasses . ' ' . $variantClasses[$variant] . ' ' . $sizeClasses[$size];
    
    if ($loading) {
        $classes .= ' btn-loading';
    }
    
    if ($disabled) {
        $classes .= ' disabled';
    }
    
    $classes .= ' ' . $class;
    
    // Atributos de datos
    $dataAttributes = '';
    foreach ($data as $key => $value) {
        $dataAttributes .= " data-{$key}=\"{$value}\"";
    }
@endphp

@if($href)
    <a href="{{ $href }}" 
       @if($target) target="{{ $target }}" @endif
       @if($onclick) onclick="{{ $onclick }}" @endif
       @if($id) id="{{ $id }}" @endif
       class="{{ trim($classes) }}" 
       {!! $dataAttributes !!}
       @if($disabled) tabindex="-1" aria-disabled="true" @endif>
        @if($icon)
            <i class="{{ $icon }} me-2"></i>
        @endif
        {{ $slot }}
    </a>
@else
    <button type="{{ $type }}"
            @if($onclick) onclick="{{ $onclick }}" @endif
            @if($id) id="{{ $id }}" @endif
            class="{{ trim($classes) }}"
            {!! $dataAttributes !!}
            @if($disabled) disabled @endif>
        @if($icon)
            <i class="{{ $icon }} me-2"></i>
        @endif
        {{ $slot }}
    </button>
@endif