@props(['variant' => 'primary', 'type' => 'button', 'href' => null])

@php
$variants = [
    'primary' => 'bg-primary-700 text-white hover:bg-primary-800 shadow-soft',
    'secondary' => 'bg-white dark:bg-slate-700 text-slate-700 dark:text-slate-200 border border-slate-200 dark:border-slate-600 hover:bg-slate-50 dark:hover:bg-slate-600',
    'danger' => 'bg-red-600 text-white hover:bg-red-700 shadow-soft',
    'ghost' => 'text-slate-600 dark:text-slate-300 hover:bg-slate-100 dark:hover:bg-slate-700',
    'accent' => 'bg-accent-500 text-white hover:bg-amber-600 shadow-soft',
];
$classes = 'inline-flex items-center justify-center gap-2 px-4 py-2.5 rounded-xl text-sm font-semibold transition disabled:opacity-50 disabled:cursor-not-allowed '.($variants[$variant] ?? $variants['primary']);
@endphp

@if($href)
    <a href="{{ $href }}" {{ $attributes->merge(['class' => $classes]) }}>{{ $slot }}</a>
@else
    <button type="{{ $type }}" {{ $attributes->merge(['class' => $classes]) }}>{{ $slot }}</button>
@endif