@props(['icon'=>null, 'disabled'=>false])

<a {{ $attributes->merge(['class' => 'inline-flex items-center btn px-3 py-2 my-1 bg-gray-700 border border-transparent rounded-md font-semibold text-sm text-white uppercase hover:bg-gray-800 hover:text-white hover:no-underline active:bg-gray-900 focus:text-white focus:no-underline focus:outline-none focus:border-gray-800 focus:ring ring-gray-300 transition ease-in-out duration-150'])->class(['opacity-25'=>$disabled]) }} @if($disabled) x-on:click.prevent="return;" @endif>
    @if(!is_null($icon)) <i class="w-3 h-4 mr-3 icon-svg {{ $icon }}"></i> @endif
    {{ $slot }}
</a>