@props([
    'url',
    'color' => 'primary',
    'align' => 'center',
])
{{--
    Menimpa tombol bawaan hanya untuk warnanya. Tombol primary — satu-satunya
    yang dipakai email Scuto, yaitu "Reset Password" — memakai warna ikon Tasko
    menggantikan hitam bawaan Laravel.

    Nilainya diambil dari piksel dominan public/apple-touch-icon.png, ikon yang
    sama yang dipasang di header email. Kalau ikonnya kelak diwarnai ulang,
    konstanta di bawah ini harus ikut berubah — tidak ada yang menautkan
    keduanya secara otomatis.

    Warnanya ditulis sebagai style inline, bukan lewat menyalin theme CSS.
    Menyalin default.css berarti menyeret ~300 baris milik paket ke dalam repo
    ini dan menanggung selisihnya tiap Laravel naik versi, padahal yang berubah
    cuma satu warna. Style inline juga lebih tahan: sebagian klien email
    membuang <style>, sedangkan atribut style selalu terbaca.

    Border ikut diwarnai karena template bawaan memakai border tebal sebagai
    pengganti padding — mewarnai background saja menyisakan bingkai hitam.
--}}
@php
    // Warna ikon Tasko di public/apple-touch-icon.png.
    $brandColor = '#FF2D20';
@endphp
<table class="action" align="{{ $align }}" width="100%" cellpadding="0" cellspacing="0" role="presentation">
<tr>
<td align="{{ $align }}">
<table width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation">
<tr>
<td align="{{ $align }}">
<table border="0" cellpadding="0" cellspacing="0" role="presentation">
<tr>
<td>
<a href="{{ $url }}" class="button button-{{ $color }}" target="_blank" rel="noopener"
@if ($color === 'primary') style="background-color: {{ $brandColor }}; border-color: {{ $brandColor }}; color: #fff;" @endif
>{!! $slot !!}</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>