{{--
    Primary call to action in the tenant's brand colour ("bulletproof": a
    padded link inside a table cell, so Outlook still renders a button).
    <x-email.button :href="$url" :branding="$branding">Sign in</x-email.button>
--}}
@use('App\Services\Notification\Email\EmailStyle', 'S')
@props(['href', 'branding'])
<table role="presentation" cellpadding="0" cellspacing="0" style="margin:8px 0 24px 0;">
    <tr>
        <td align="center" bgcolor="{{ $branding->primaryColor }}" style="background-color:{{ $branding->primaryColor }}; border-radius:999px;">
            <a href="{{ $href }}" target="_blank"
               style="display:inline-block; padding:14px 32px; font-family:{!! S::FONT !!}; font-size:15px; font-weight:600; line-height:1.2; color:{{ $branding->onPrimaryColor }}; text-decoration:none; border-radius:999px;">{{ $slot }}</a>
        </td>
    </tr>
</table>