@props([
    'variant' => 'primary', // primary, secondary, destructive, ghost
    'size' => 'md', // sm, md, lg
    'type' => 'button',
    'href' => null,
    'icon' => null,
    'iconPosition' => 'left',
    'loading' => false,
    'disabled' => false,
])

@php
    $baseClasses = 'inline-flex items-center justify-center gap-2 font-medium rounded-xl transition-all duration-200 focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed';

    $variants = [
        'primary' => 'glass-button-primary text-white',
        'secondary' => 'glass-button text-db-text-secondary hover:text-db-text-primary',
        'destructive' => 'glass-button border-red-500/20 hover:border-red-500/40 text-red-400 hover:shadow-[0_0_20px_rgba(239,68,68,0.2)]',
        'ghost' => 'bg-transparent hover:bg-white/5 text-db-text-muted hover:text-db-text-primary',
    ];

    $sizes = [
        'sm' => 'px-3 py-1.5 text-xs',
        'md' => 'px-4 py-2.5 text-sm',
        'lg' => 'px-6 py-3 text-sm',
    ];

    $classes = $baseClasses . ' ' . ($variants[$variant] ?? $variants['primary']) . ' ' . ($sizes[$size] ?? $sizes['md']);
@endphp

@if($href && !$disabled)
<a href="{{ $href }}" {{ $attributes->merge(['class' => $classes]) }}>
    @if($icon && $iconPosition === 'left')
        {!! $icon !!}
    @endif
    {{ $slot }}
    @if($icon && $iconPosition === 'right')
        {!! $icon !!}
    @endif
</a>
@else
<button
    type="{{ $type }}"
    {{ $disabled ? 'disabled' : '' }}
    {{ $attributes->merge(['class' => $classes]) }}
>
    @if($loading)
        <svg class="animate-spin h-4 w-4" fill="none" viewBox="0 0 24 24">
            <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
            <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
        </svg>
    @elseif($icon && $iconPosition === 'left')
        {!! $icon !!}
    @endif
    {{ $slot }}
    @if(!$loading && $icon && $iconPosition === 'right')
        {!! $icon !!}
    @endif
</button>
@endif