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

@php
    $styles = [
        'view' => 'background:#2563eb',
        'save' => 'background:#0d9488',
        'compare' => 'background:#f87171',
        'official' => 'background:#f87171',
        'whatsapp' => 'background:#7c3aed',
        'print' => 'background:#0b192c',
    ];
    $bg = $styles[$variant] ?? $styles['view'];
@endphp

@if ($href)
    <a href="{{ $href }}" {{ $attributes->class(['btn-icon-action'])->merge([]) }} style="{{ $bg }}">
        <span class="btn-icon-action__icon" aria-hidden="true">@include('components.partials.action-icon', ['variant' => $variant])</span>
        <span data-action-label>{{ $slot }}</span>
    </a>
@else
    <button type="{{ $type }}" {{ $attributes->class(['btn-icon-action'])->merge([]) }} style="{{ $bg }}">
        <span class="btn-icon-action__icon" aria-hidden="true">@include('components.partials.action-icon', ['variant' => $variant])</span>
        <span data-action-label>{{ $slot }}</span>
    </button>
@endif