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

@php
    $classes = ['sy-btn', 'sy-btn--' . $variant];
@endphp

@if ($href)
    <a
        href="{{ $href }}"
        @if ($target) target="{{ $target }}" rel="noopener" @endif
        {{ $attributes->class($classes) }}
    >
        {{ $slot }}
        <span class="sy-btn__arrow" aria-hidden="true">&rarr;</span>
    </a>
@else
    <button type="{{ $type }}" {{ $attributes->class($classes) }}>
        {{ $slot }}
        <span class="sy-btn__arrow" aria-hidden="true">&rarr;</span>
    </button>
@endif