@props([
    'buttonText' => '',
    'provider' => '',
    'link' => ''
])

<a href="{{ $link }}" class="block w-full border border-fill-pr rounded-xl">
    <div class="flex relative items-center h-10">
        <span class="inline-block absolute left-3">
            <img class="size-4" src="{{ asset("assets/images/logos/{$provider}.png") }}" alt="Google Logo">
        </span>
        <span class="text-center w-full text-par-s font-medium tracking-tight">{{ $buttonText }}</span>
    </div>
</a>