@props([
    'as' => 'a',
    'label' => __('Download'),
    'url',
])

<{{ $as }}
    {{ $attributes->twMerge('inline-flex items-center justify-center gap-1.5 p-1 text-[13px] font-medium bg-white rounded text-black hover:bg-gray-100') }}
    @if($as === 'a')
        href="{{ $url }}"
        download
    @endif
>
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="size-4">
        <path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm.75-10.25a.75.75 0 0 0-1.5 0v4.69L6.03 8.22a.75.75 0 0 0-1.06 1.06l2.5 2.5a.75.75 0 0 0 1.06 0l2.5-2.5a.75.75 0 1 0-1.06-1.06L8.75 9.44V4.75Z" clip-rule="evenodd" />
    </svg>
    {{ $label }}
</{{ $as }}>