@props([
    'variant' => 'primary',
    'size' => 'md',
    'type' => 'button',
])

@php
    $base = 'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-ring disabled:pointer-events-none disabled:opacity-50';
    $variants = [
        'primary' => 'bg-primary text-primary-foreground shadow hover:bg-primary/90',
        'secondary' => 'bg-muted text-foreground hover:bg-muted/80',
        'outline' => 'border border-input bg-background shadow-sm hover:bg-muted hover:text-foreground',
        'ghost' => 'text-foreground hover:bg-muted hover:text-foreground',
        'danger' => 'bg-red-600 text-white shadow hover:bg-red-700 dark:bg-red-500 dark:text-white dark:hover:bg-red-600',
    ];
    $sizes = [
        'sm' => 'h-8 rounded-md px-3 text-xs',
        'md' => 'h-9 px-4 py-2',
        'lg' => 'h-10 rounded-md px-6',
        'icon' => 'h-9 w-9',
    ];
@endphp

<button type="{{ $type }}" {{ $attributes->merge(['class' => $base . ' ' . ($variants[$variant] ?? $variants['primary']) . ' ' . ($sizes[$size] ?? $sizes['md'])]) }}>
    {{ $slot }}
</button>