@props(['icon' => null])
<button {{$attributes->twMerge(['class' => 'rounded-lg border border-gray-300 px-4 py-2 text-gray-700 active:scale-75 hover:bg-gray-100 transition duration-150 ease-in-out'])}}>
    <div class="gap-2 flex items-center">
        @if($icon)
            <span class="block">
            @svg($icon, 'w-4 h-4')
            </span>
        @endif
        {{$slot}}
    </div>
</button>