{{--
    Shaded panel of label/value pairs. Children are <x-email.detail> rows.
    <x-email.details>
        <x-email.detail label="Email">{{ $email }}</x-email.detail>
    </x-email.details>
--}}
@use('App\Services\Notification\Email\EmailStyle', 'S')
<table role="presentation" width="100%" cellpadding="0" cellspacing="0"
       style="margin:4px 0 24px 0; background-color:{{ S::SURFACE }}; border:1px solid {{ S::BORDER }}; border-radius:10px;">
    <tr><td style="height:6px; line-height:6px; font-size:0;">&nbsp;</td></tr>
    {{ $slot }}
    <tr><td style="height:6px; line-height:6px; font-size:0;">&nbsp;</td></tr>
</table>