22 lines
1.1 KiB
PHP
22 lines
1.1 KiB
PHP
@props(['variant' => 'secondary', 'icon' => false, 'href' => null])
|
|
@php
|
|
// One button style for the whole app — compact, consistent (R10).
|
|
$variants = [
|
|
'primary' => 'bg-accent text-void hover:bg-accent-bright',
|
|
'accent' => 'border border-accent/25 bg-accent/10 text-accent-text hover:bg-accent/15',
|
|
'secondary' => 'border border-line bg-inset text-ink-2 hover:bg-raised hover:text-ink',
|
|
'danger' => 'bg-offline text-void hover:bg-offline/90',
|
|
'ghost' => 'text-ink-2 hover:bg-raised hover:text-ink',
|
|
'ghost-danger' => 'text-ink-3 hover:bg-offline/10 hover:text-offline',
|
|
];
|
|
$shape = $icon ? 'h-8 w-8 justify-center' : 'h-8 px-3';
|
|
$classes = 'inline-flex items-center gap-1.5 rounded-md text-xs font-medium transition-colors '
|
|
.'disabled:opacity-50 disabled:pointer-events-none '
|
|
.$shape.' '.($variants[$variant] ?? $variants['secondary']);
|
|
@endphp
|
|
@if ($href)
|
|
<a href="{{ $href }}" {{ $attributes->merge(['class' => $classes]) }}>{{ $slot }}</a>
|
|
@else
|
|
<button {{ $attributes->merge(['type' => 'button', 'class' => $classes]) }}>{{ $slot }}</button>
|
|
@endif
|