@props(['label' => 'Temporary password', 'value' => ''])

<table role="presentation" width="100%" cellspacing="0" cellpadding="0" border="0" style="margin: 24px 0;">
    <tr>
        <td style="background-color: #eef2ff; border: 1px solid #c7d2fe; border-radius: 8px; padding: 16px 20px;">
            <p style="margin: 0 0 8px; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 600; line-height: 18px; letter-spacing: 0.04em; text-transform: uppercase; color: #4338ca;">
                {{ $label }}
            </p>
            <p style="margin: 0; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace; font-size: 18px; font-weight: 700; line-height: 26px; letter-spacing: 0.05em; color: #312e81; word-break: break-all;">
                {{ $value }}
            </p>
        </td>
    </tr>
</table>