@props([
    'variant' => 'default',
    'size' => 'default',
    'class' => ''
])

@php
    $variants = [
        'default' => 'bg-primary text-primary-foreground shadow hover:bg-primary/90',
        'primary' => 'bg-primary text-primary-foreground shadow hover:bg-primary/90',
        'destructive' => 'bg-destructive text-destructive-foreground shadow-sm hover:opacity-90 rounded-full',
        'outline' => 'border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground',
        'secondary' => 'bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80',
        'ghost' => 'hover:bg-accent hover:text-accent-foreground',
        'link' => 'text-primary underline-offset-4 hover:underline',
        'success' => 'bg-success text-success-foreground shadow-sm hover:opacity-90 rounded-full',
    ];

    $sizes = [
        'default' => 'h-9 px-4 py-2 text-sm',
        'sm' => 'h-8 rounded-md px-3 text-xs',
        'md' => 'h-9 px-4 py-2 text-sm',
        'lg' => 'h-10 rounded-md px-8',
        'icon' => 'h-9 w-9',
    ];

    $style = $variants[$variant] ?? $variants['default'];
    $sizeStyle = $sizes[$size] ?? $sizes['default'];
@endphp

<button {{ $attributes->merge(['class' => 'inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 ' . $style . ' ' . $sizeStyle . ' ' . $class]) }}>
    {{ $slot }}
</button>