@props([
    'href' => '#',
    'label' => '',
    'tag' => 'a',
    'type' => 'button',
    'sized' => true,
    'iconWrap' => 'read-more-arrow-circle',
    'iconClass' => '',
    'labelClass' => '',
])

@php
    $isLink = $tag === 'a';
    $baseClass = $sized
        ? 'btn button-size rounded-pill px-3 d-inline-flex align-items-center gap-2 text-nowrap'
        : 'd-inline-flex align-items-center gap-2 text-nowrap';
@endphp

<{{ $tag }}
    @if ($isLink) href="{{ $href }}" @endif
    @if (! $isLink) type="{{ $type }}" @endif
    {{ $attributes->merge(['class' => $baseClass]) }}>
    @if ($label !== '')
        <span @class([$labelClass => (bool) $labelClass])>{{ $label }}</span>
    @else
        {{ $slot }}
    @endif
    <span @class([
        $iconWrap,
        'd-inline-flex justify-content-center align-items-center rounded-circle',
        $iconClass,
    ])>
        @include('website.partials.read-more-arrow-icon')
    </span>
</{{ $tag }}>