@props(['icon'=>null])

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