{{-- Дія в рядку таблиці: лише іконка, підпис — у title та aria-label. Без href рендериться як кнопка --}}
{{-- Усі дії нейтральні; червоним позначається лише небезпечна (danger) --}}
@props(['icon', 'label', 'href' => null, 'danger' => false])

@php
    $classes = [
        'inline-flex size-9 cursor-pointer items-center justify-center rounded-md transition-colors',
        $danger
            ? 'text-zinc-600 hover:bg-red-50 hover:text-red-600 dark:text-zinc-300 dark:hover:bg-red-950 dark:hover:text-red-400'
            : 'text-zinc-600 hover:bg-zinc-100 hover:text-zinc-900 dark:text-zinc-300 dark:hover:bg-zinc-700 dark:hover:text-white',
    ];
@endphp

@if ($href)
    <a href="{{ $href }}" title="{{ $label }}" aria-label="{{ $label }}" {{ $attributes->class($classes) }}>
        <flux:icon :name="$icon" class="size-5"/>
    </a>
@else
    <button type="{{ $attributes->get('type', 'button') }}" title="{{ $label }}" aria-label="{{ $label }}" {{ $attributes->except('type')->class($classes) }}>
        <flux:icon :name="$icon" class="size-5"/>
    </button>
@endif